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

老乐
优化维护2字数 362阅读1分12秒阅读模式

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

/*鼠标移动至头像旋转*/ 
.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); }

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

投上你的一票
历史上的今天
9 月
26
 
  • 本文由 老乐 发表于 2024年9月26日 08:15:01
  • 转载请务必保留本文链接：https://www.zhujipingjia.com/wpavatar-inversion.html
  • WordPress头像美化

加载中...