实现代码:
<body> <div> </div> </body>
<style> div { width:200px; height:200px; background-color:pink; margin:100px auto; transition:all 0.4s; } div:hover{ transform:rotate(360deg); } </style>
CSS代码中,设置2D转换---旋转(旋转度数),同时为了让用户看到旋转效果,需要设置过渡时间,因人而异。
效果(运行时即可看到):
原文:https://www.cnblogs.com/s1-myblog/p/14697454.html