css代码实现头像呼吸光环和鼠标悬停旋转放大

代码教程

css代码实现头像呼吸光环和鼠标悬停旋转放大效果,美化专用,用于头像放大缩小，颜色呼吸光环美化css代码

美化演示

复制下面的代码到公用css就OK
很简单且很好看

/*头像呼吸光环和鼠标悬停旋转放大开始*/
.avatar{border-radius: 50%; animation: light 4s ease-in-out infinite; transition: 0.5s;}.avatar:hover{transform: scale(1.15) rotate(720deg);}@keyframes light{0%{box-shadow: 0 0 4px #f00;} 25%{box-shadow: 0 0 16px #0f0;} 50%{box-shadow: 0 0 4px #00f;} 75%{box-shadow: 0 0 16px #0f0;} 100%{box-shadow: 0 0 4px #f00;}}
/*头像呼吸光环和鼠标悬停旋转放大结束*/

感谢您的来访，获取更多精彩文章请收藏本站。