导航首页 »  网页代码  » Emlog用户头像旋转效果通用css
Emlog用户头像旋转效果通用css

emlog头像旋转纯CSS,不存在js冲突问题。

首先在你需要旋转的头像的地方中找到的头像img代码插入一个 id="xuanzhun"

然后再插入css代码

#xuanzhun{ -webkit-transition-property: -webkit-transform; -webkit-transition-duration: 1s; -moz-transition-property: -moz-transform; -moz-transition-duration: 1s; -webkit-animation: rotate 3s linear infinite; -moz-animation: rotate 3s linear infinite; -o-animation: rotate 3s linear infinite; animation: rotate 3s linear infinite; } @-webkit-keyframes rotate{from{-webkit-transform: rotate(0deg)} to{-webkit-transform: rotate(360deg)} } @-moz-keyframes rotate{from{-moz-transform: rotate(0deg)} to{-moz-transform: rotate(359deg)} } @-o-keyframes rotate{from{-o-transform: rotate(0deg)} to{-o-transform: rotate(359deg)} } @keyframes rotate{from{transform: rotate(0deg)} to{transform: rotate(359deg)} }

文章关键词:Emlog

综合资源聚合XCPRO模板
sitemap