小凡

CSS实现div一直旋转
突发奇想上网搜到的<html> <head> <meta charset="...
扫描右侧二维码阅读全文
02
2018/10

CSS实现div一直旋转

突发奇想上网搜到的

<html>
<head>
<meta charset="UTF-8">
<script src="http://apps.bdimg.com/libs/jquery/1.7.2/jquery.min.js"></script>
<style>
#xuanzhun{
 -webkit-transition-property: -webkit-transform;
    -webkit-transition-duration: 1s;
    -moz-transition-property: -moz-transform;
    -moz-transition-duration: 1s;
    -webkit-animation: rotate 3s linear infinite;
    -moz-animation: rotate 3s linear infinite;
    -o-animation: rotate 3s linear infinite;
    animation: rotate 3s linear infinite;
}
@-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(359deg)}
}
@-o-keyframes rotate{from{-o-transform: rotate(0deg)}
    to{-o-transform: rotate(359deg)}
}
@keyframes rotate{from{transform: rotate(0deg)}
    to{transform: rotate(359deg)}
}
</style>
</head>
<body>
<div id="xuanzhun" style="width: 30px; height: 30px; background-color: aquamarine;">
    
</div>
</body>
</html>

打算做网页背景音乐控制按钮用

Last modification:April 7th, 2019 at 01:58 pm
如果觉得我的文章对你有用,请随意赞赏

Leave a Comment