在读者排行中看到有头像呼吸光环和鼠标悬停旋转css特效,感觉还不错挺有趣的,头像呼吸光环哈,还有鼠标悬停会进行旋转,并且能感距到明显的加速效果。
使用方法
通过浏览器的F12审查元素功能,找到自己头像的html元素。添加下面提供的样式类即可。若头像元素的类为avatar,就可以在css中直接添加。类名你也可以也可以自己随意改。
当然了,你也可以写一个div,添加下面的类。本地也可以实现效果。
悬停头像旋转css
/*悬停头像旋转*/
.avatar:hover {
transform: rotate(666turn);
transition-delay: 1s;
transition-property: all;
transition-duration: 59s;
transition-timing-function: cubic-bezier(.34,0,.84,1);
}
© 版权声明
THE END
- 最新
- 最热
只看作者