Loader in CSS

      No Comments on Loader in CSS

Loader in CSS -for a property site:

Loader in CSS

Loader in CSS

CSS:

.holder_scanfcode
{
  background-color:#000066;
  padding:2%;
}
.loader_holder
{
  margin-left:45%;
  margin-top:5%;
}
.bouncer
{
  animation: bounce 1.5s ease-in-out 0s infinite;
  margin-left:1px;
}
@keyframes bounce{
  80%
  {
   -webkit-transform: translateY(10px);
    -ms-transform: translateY(10px);
    -o-transform: translateY(10px);
    transform: translateY(10px);
  }
}
.round-box
{
  height:7px;
  width:40px;
  border:solid 2px #fff;
  opacity:1;
  border-radius:70%;
  
}

HTML:

<div class="holder_scanfcode">
  <div class="loader_holder">
    <img src="home-location-marker.png" alt="Loader in CSS" width="40" height="30" class="bouncer"/>
    <p class='round-box'></p>
    
  </div>
</div>

Leave a Reply

Your email address will not be published. Required fields are marked *