WordPress鼠标移至头像实现旋转效果的方法 这个功能你可能见过

  • 麦子的头像-WordPress建站笔记
  • 麦子
    2021年12月27日 06:35:09发布

我们是不是也有见过在访问有些博客网站的时候,鼠标移动到用户头像的时候看到头像会旋转?这个效果是如何实现的呢?其实很简单,我们只需要在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);
}

我们将CSS样式添加到当前主题的CSS控制中。

© 版权声明
THE END
喜欢就支持一下吧
点赞5
分享