
<!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> |
#loader8 { |
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: load8 1.1s infinite linear; |
animation: load8 1.1s infinite linear; |
} |
#loader8, |
#loader8:after { |
border-radius: 50%; |
width: 10em; |
height: 10em; |
} |
@-webkit-keyframes load8 { |
0% { |
-webkit-transform: rotate(0deg); |
transform: rotate(0deg); |
} |
100% { |
-webkit-transform: rotate(360deg); |
transform: rotate(360deg); |
} |
} |
@keyframes load8 { |
0% { |
-webkit-transform: rotate(0deg); |
transform: rotate(0deg); |
} |
100% { |
-webkit-transform: rotate(360deg); |
transform: rotate(360deg); |
} |
} |
</style> |
</head> |
<body> |
<div id="loader8"></div> |
</body> |
</html> |




by: 发表于:2017-10-26 09:46:21 顶(0) | 踩(0) 回复
??
回复评论