怎样用js和css令一个div不停旋转。。求代码。。。

发布网友发布时间：2022-04-27 13:07

共2个回答

热心网友时间：2022-04-06 13:41

如果用js控制，需要遍历HTML文档，提取最后的DIV，然后再加样式：
<script type="text/javascript">
$(document).ready(function(){
$("div").last().addClass('highlight'); //添加class
$("div").last().css("background", "red"); //直接添加样式
});
</script>
如果是css控制，需要在div里面添加class样式，或者写行内样式控制：
<div style="color:red" class="color">内容</div>
<style>
.color{color:red;}
</style>

热心网友时间：2022-04-06 14:59

@keyframes rotating{
0%{transform:rotate(0deg)}
to{transform:rotate(1turn)}
}
.rota{
display:block; width:50px; height:50px; background:#ccc;
-webkit-animation: rotating 1.5s infinite linear; animation: rotating
1.5s infinite linear;}