>
<meta CharSet="UTF-8">
<title></title>
<style type= "Text/css">
#box{
position: relative;
}
span{
position: absolute;
width: px;
height: px;
background: white;
border-radius: %;
}
span: Nth-child(1) {
-webkit-animation: a 1.5s infinite linear;
}
span: Nth-child(2) {
-webkit-animation: b 1.5s infinite linear;
}
@-webkit-keyframes a{
0%{-webkit-transform: translateX(0px); opacity : 1;}
Span class= "Apple-tab-span" > 50%{-webkit-transform : Translatex (80px : 0.5 /span>
%{-webkit-transform: translateX(0px); opacity: 1;}
}
@-webkit-keyframes b{
0%{-webkit-transform: translateX(px); opacity : 1;}
Span class= "Apple-tab-span" > 50%{-webkit-transform : Translatex (0px : 0.5 /span>
%{-webkit-transform: TranslateX (up to px); opacity: 1;}
}
</style>
>
<body style="Background-color: Darkcyan;" >
<div id= "box">
<span></span>
<span></span>
</div>
</body>
Pre-load interlaced loops