html的悬停图片圆形,css效果：图片圆形并鼠标悬停时图片360度转动

原创内容，转载请注明出处：https://www.myzhenai.com.cn/post/3280.html

关键字：css效果 鼠标悬停 图片转动

这个教程我是参考网上的一个方法修改的，原本是想给我儿子的博客弄个动态的头像，后面觉得很好玩，于是我便又折腾着给我的两个博客所有首页图片都添加了这个功能，我使用的方法见我别一个文章。

这个方法的重点在于找到对应的规则，然后需要为该规则设置一些内容和添加一个hover悬停事件。

JiaYu Blog演示：https://jiayu.mybabya.com/

WordPress模板Diy记录：https://www.myzhenai.com.cn/post/3266.html

WordPress鼠标悬停变色的修改方法：https://www.myzhenai.com.cn/post/3253.html

网上原文

.mydiv{

width:150px;

height:150px;

border-radius:50%;

overflow:hidden;

margin: 0 auto;

background: no-repeat url(https://jiayu.mybabya.com/wp-content/uploads/2012/07/IMGSRC_20121125033520.jpg) left top;

-webkit-background-size: 150px 150px;

-moz-background-size: 150px 150px;

background-size: 150px 150px;

-webkit-border-radius: 75px;<