RiPro主题美化之头像旋转教程- 莱克资源网- 专注于网络技术资源分享 | 致力于打造全网最好的综合类免费资源分享基地

教程说明

添加代码的目录位置：wp-content/themes/ripro/assets/css diy.css

图片演示

图片[1]- 莱克资源网- 专注于网络技术资源分享 | 致力于打造全网最好的综合类免费资源分享基地 - ⎛⎝itlake.cn⎠⎞RiPro主题美化之头像旋转教程- 莱克资源网- 专注于网络技术资源分享 | 致力于打造全网最好的综合类免费资源分享基地 - ⎛⎝itlake.cn⎠⎞

所需代码

/*
头像
*/
.bg-cover {
    border: #ececec 1px solid;
}
/*头像旋转*/
.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);
}

文章来源于网络，仅供参考与学习，如有侵权或违规请联系本站站长删除。

THE END