<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" > |
<html xmlns= "http://www.w3.org/1999/xhtml" > |
<head> |
<meta http-equiv= "Content-Type" content= "text/html; charset=utf-8" /> |
<title>无标题文档</title> |
<style> |
#loader 8 { |
margin : 30px 50px ; |
float : left ; |
font-size : 10px ; |
position : relative ; |
text-indent : -9999em ; |
border-top : 1.1em solid rgba( 255 , 128 , 0 , 0.2 ); |
border-right : 1.1em solid rgba( 255 , 128 , 0 , 0.2 ); |
border-bottom : 1.1em solid rgba( 255 , 128 , 0 , 0.2 ); |
border-left : 1.1em solid rgba( 255 , 128 , 0 , 1 ); |
-webkit-animation: load 8 1.1 s infinite linear; |
animation: load 8 1.1 s infinite linear; |
} |
#loader 8 , |
#loader 8: after { |
border-radius: 50% ; |
width : 10em ; |
height : 10em ; |
} |
@-webkit-keyframes load 8 { |
0% { |
-webkit-transform: rotate( 0 deg); |
transform: rotate( 0 deg); |
} |
100% { |
-webkit-transform: rotate( 360 deg); |
transform: rotate( 360 deg); |
} |
} |
@keyframes load 8 { |
0% { |
-webkit-transform: rotate( 0 deg); |
transform: rotate( 0 deg); |
} |
100% { |
-webkit-transform: rotate( 360 deg); |
transform: rotate( 360 deg); |
} |
} |
</style> |
</head> |
<body> |
<div id= "loader8" ></div> |
</body> |
</html> |
by: 发表于:2017-10-26 09:46:21 顶(0) | 踩(0) 回复
??
回复评论