一个css让图标旋转起来
先看效果
鼠标放在图片上静止一会儿,图片就会旋转起来
实现
实现其实很简单,一个样式就可以了
HTML 全选
<img class="img-turn" src="https://www.yesdotnet.com/images/logo.png" />
<style>
.img-trun:hover {
transform: rotate(666turn);
transition-delay: 1s;
transition-property: all;
transition-duration: 59s;
transition-timing-function: cubic-bezier(.34,0,.84,1);
}
</style>
版权声明:本文为YES开发框架网发布内容,转载请附上原文出处连接
post 张国生