实现鼠标移动到 WordPress 头像图标转动效果

建站技术51字数 362阅读1分12秒阅读模式

我们是否有时候看到某些朋友的博客鼠标移动到头像图标的时候会实现图标的转动倒转效果?这样的是如何实现的呢?实际上只要将指定的图片图标CSS样式即可。

实现鼠标移动到 WordPress 头像图标转动效果

/*鼠标移动至头像旋转*/ 
.avatar{ -webkit-transition:0.4s; -webkit-transition:-webkit-transform 0.4s ease-out; transition:transform 0.4s ease-out; -moz-transition:-moz-transform 0.4s ease-out; } .avatar:hover{ transform:rotateZ(360deg); -webkit-transform:rotateZ(360deg); -moz-transform:rotateZ(360deg); }

将样式添加到样式中即可。

投上你的一票
 
麦子
  • 本文由 麦子 发表于 2024年5月27日 08:08:14
  • 转载请务必保留本文链接:https://www.idcxen.com/wpavatar-inversion.html
  • WordPress头像转动