Please wait CSS

Please wait - with pure CSS

HTML

<div>
<div id="facebookG">
    <div id="blockG_1" class="facebook_blockG">
    </div>
    <div id="blockG_2" class="facebook_blockG">
    </div>
    <div id="blockG_3" class="facebook_blockG">
    </div>
</div>
</div>
Loading

CSS

#facebookG{
width:100px}

.facebook_blockG{
background-color:#546FBF;
border:3px solid #007F00;
float:left;
height:25px;
margin-left:7px;
width:5px;
opacity:0.1;
-moz-animation-name:bounceG;
-moz-animation-duration:1.4s;
-moz-animation-iteration-count:infinite;
-moz-animation-direction:normal;
-moz-transform:scale(0.7);
-webkit-animation-name:bounceG;
-webkit-animation-duration:1.4s;
-webkit-animation-iteration-count:infinite;
-webkit-animation-direction:normal;
-webkit-transform:scale(0.7);
-ms-animation-name:bounceG;
-ms-animation-duration:1.4s;
-ms-animation-iteration-count:infinite;
-ms-animation-direction:normal;
-ms-transform:scale(0.7);
-o-animation-name:bounceG;
-o-animation-duration:1.4s;
-o-animation-iteration-count:infinite;
-o-animation-direction:normal;
-o-transform:scale(0.7);
animation-name:bounceG;
animation-duration:1.4s;
animation-iteration-count:infinite;
animation-direction:normal;
transform:scale(0.7);
}

#blockG_1{
-moz-animation-delay:0.41999999999999993s;
-webkit-animation-delay:0.41999999999999993s;
-ms-animation-delay:0.41999999999999993s;
-o-animation-delay:0.41999999999999993s;
animation-delay:0.41999999999999993s;
}

#blockG_2{
-moz-animation-delay:0.5599999999999999s;
-webkit-animation-delay:0.5599999999999999s;
-ms-animation-delay:0.5599999999999999s;
-o-animation-delay:0.5599999999999999s;
animation-delay:0.5599999999999999s;
}

#blockG_3{
-moz-animation-delay:0.7s;
-webkit-animation-delay:0.7s;
-ms-animation-delay:0.7s;
-o-animation-delay:0.7s;
animation-delay:0.7s;
}

@-moz-keyframes bounceG{
0%{
-moz-transform:scale(1.2);
opacity:1}

100%{
-moz-transform:scale(0.7);
opacity:0.1}

}

@-webkit-keyframes bounceG{
0%{
-webkit-transform:scale(1.2);
opacity:1}

100%{
-webkit-transform:scale(0.7);
opacity:0.1}

}

@-ms-keyframes bounceG{
0%{
-ms-transform:scale(1.2);
opacity:1}

100%{
-ms-transform:scale(0.7);
opacity:0.1}

}

@-o-keyframes...