演示
教程
代码添加到css样式
/*头像呼吸光环和鼠标悬停旋转放大*/
.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;}
}@版权声明：
文章版权归作者所有，未经允许请勿转载，如需转载请附带原文链接 谢谢。
本博客所有文章除特别声明外，均默认采用CC BY-NC-SA 4.0 许可协议
本站一律禁止以任何方式发布或转载任何违法的相关信息，访客发现请向站长举报
如有侵权 联系邮箱2131456789@qq.com
文章版权归作者所有，未经允许请勿转载，如需转载请附带原文链接 谢谢。
本博客所有文章除特别声明外，均默认采用CC BY-NC-SA 4.0 许可协议
本站一律禁止以任何方式发布或转载任何违法的相关信息，访客发现请向站长举报
如有侵权 联系邮箱2131456789@qq.com
