首页猿问怎么点击按钮让盒子旋转360度呀谢谢

怎么点击按钮让盒子旋转360度呀谢谢

CSS3 Html/CSS JavaScript

慕斯卡5910870 2016-07-11 20:58:50

查看完整描述

3 回答

已采纳

blovetu

TA贡献319条经验获得超234个赞

记得采纳哦~

//img1.sycdn.imooc.com//5785dbb40001a0ae07870744.jpg

反对回复 2016-07-13

blovetu

TA贡献319条经验获得超234个赞

.rotateBox {
 -webkit-transform: rotate(360deg);
  transform: rotate(360deg);
  transition: all 0.5s;
}

$(".btn").click(function(){
    $(".box").addClass("rotateBox");
});

1 反对回复 2016-07-12

慕斯卡5910870
#rotateBox{width: 100px;height: 100px;background: aqua; -webkit-transform: rotate(360deg); transform: rotate(360deg); transition: all 0.5s; } button{width: 100px;background: gray;height: 20px;color: white;margin-top:5px;box-shadow: 0 0 10px gray;} </style> </head> <body> <div id="rotateBox"></div> <button onclick="box1()">点击</button> <script> $(".btn").click(function(){ $(".box").addClass("rotateBox"); }); </script> 你好代码应该怎么写呀谢谢

回复 2016-07-13
blovetu
<style type="text/css"> #rotateBox{ width: 100px; height: 100px; background: aqua; } .rot{ -webkit-transform: rotate(360deg); transform: rotate(360deg); transition: all 0.8s; } button{ width: 100px; background: gray; height: 20px; color: white; margin-top:5px; box-shadow: 0 0 10px gray;} </style> <body> <div id="rotateBox"></div> <button class="btn">点击</button> <script type="text/javascript" src="jquery-1.12.3.min.js"></script> <script type="text/javascript"> $(".btn").click(function(){ $("#rotateBox").addClass("rot"); }); </script> </body>

回复 2016-07-13
blovetu
给截个图吧，这里连回车都没有，看着太乱了

回复 2016-07-13

点击展开后面2条

关注