>
<meta CharSet="UTF-8">
<title></title>
<style type= "Text/css">
#box{
position: relative;
width: +px;
margin: px auto 0;
}
span{
position: absolute;
width: px;
height: px;
Border: 5px solid #fff;
border-radius: %;
-webkit-animation: a 4s infinite linear;
}
span: Nth-child(1) {
-webkit-animation-delay: 0s;
}
span: Nth-child(2) {
-webkit-animation-delay: 0.66s;
}
span: Nth-child(3) {
-webkit-animation-delay: 1.33s;
}
@-webkit-keyframes a{
Span class= "Apple-tab-span" > 0%{-webkit-transform : Scale (0: 0;}
Span class= "Apple-tab-span" > 25%{-webkit-transform : Scale (0: 0.5;}
Span class= "Apple-tab-span" > 50%{-webkit-transform : Scale (1: 1;}
Span class= "Apple-tab-span" > 75%{-webkit-transform : Scale (1.5: 0.5;}
%{-webkit-transform: scale (2); opacity: 0 ; }
}
</style>
>
<body style="Background-color: darkgreen;" >
<div id= "box">
<span></span>
<span></span>
<span></span>
</div>
</body>
Create H5 preloaded radar ring with CSS3 only