87,993
社区成员
发帖
与我相关
我的任务
分享想让1围着图转动起来，哪里写错了，为什么这个1不动？
<!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>
html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, span, a, b, img, em, del, label, form, fieldset, input, p, th, td {
margin: 0;
padding: 0;
}
/*
animation: name duration timing-function delay iteration-count direction;
animation-name 规定需要绑定到选择器的 keyframe 名称。。
animation-duration 规定完成动画所花费的时间，以秒或毫秒计。
animation-timing-function 规定动画的速度曲线。
animation-delay 规定在动画开始之前的延迟。
animation-iteration-count 规定动画应该播放的次数。
animation-direction 规定是否应该轮流反向播放动画。
*/
.ldok {
animation: 30s linear 0s normal none infinite running rotate;
color: #fff;
font-size: 18px;
height: 68px;
left: 87px;
line-height: 1px;
position: absolute;
top: 26px;
width: 10px;
}
.lk_l {
background: rgba(0, 0, 0, 0) url("jinri.png") no-repeat scroll 50% 0;
height: 150px;
position: relative;
width: 190px;
}
@-webkit-keyframes rotate{from{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(360deg)}}
@-moz-keyframes rotate{from{-moz-transform:rotate(0deg)}to{-moz-transform:rotate(360deg)}}
@-ms-keyframes rotate{from{-ms-transform:rotate(0deg)}to{-ms-transform:rotate(360deg)}}
@-o-keyframes rotate{from{-o-transform:rotate(0deg)}to{-o-transform:rotate(360deg)}}
</style>
</head>
<body>
<div class="lk_l left">
<p class="ldok">1</p>
</div>
</body>
</html>
...全文
请发表友善的回复…
发表回复
