Limited Time Offer!

For Less Than the Cost of a Starbucks Coffee, Access All DevOpsSchool Videos on YouTube Unlimitedly.
Master DevOps, SRE, DevSecOps Skills!

Enroll Now

How to create a nice loading effect & preloader animations using HTML & CSS?

In this blog, I am creating a nice loading effect & preloader animations using HTML & CSS. So, Let’s create an index.html & style.css below-

Loading effect with CSS animations
Loading effect with CSS animations 2
Preloader using CSS animations
Tagged : / / / / /

Bootstrap: Utilities “Image replacement”

Bootstrap 4 image replacement is used to replace an element text content with a background image.

<h1 class="text-hide">Text declare </h1>  
<h1 class="text-hide" style="background-image: url('image link'); 
         background-repeat: no-repeat; 
         width: 500px; height: 500px; ">
    google
  </h1>
Tagged : / / / / / / / /

How to create Simple Images, Slider Show, & Changing background color with animations using HTML & CSS?

In this blog, I am creating simple Images, Slider Show, & Changing background color with animations using HTML & CSS. So, Let’s create an index.html & style.css below-

Simple Images Slider Show with CSS animations
Changing background color with CSS animations
Tagged : / / / / / / / / /

Bootstrap: Utilities “Float”

bootstrap provides responsive float classes, that make an element float based on the viewport size (sm|md|lg|xl).

Tagged : / / / / / / / /