我们经常逛别人的网站，有些网站的美化效果特别好看，那么我们如何实现呢？其实很简单，只需一句代码即可实现。请看下面的教程。

/*头像呼吸光环和鼠标悬停旋转放大*/.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;}}

 

希望贵站越做越好

快点更新吧 网站还等着美化呢

子比美化越来越好看了

\u5e73<\/font>

\u53f0<\/font>

\u8a93<\/font>

\u8a00<\/font>

\uff1a<\/font>

\u771f<\/font>

\u8bda<\/font>

\u670d<\/font>

\u52a1<\/font>\n

\uff0c<\/font>

\u52aa<\/font>

\u529b<\/font>

\u6253<\/font>

\u9020<\/font>

\u5168<\/font>

\u7f51<\/font>

\u6700<\/font>

\u5f3a<\/font>\n

\u6559<\/font>

\u7a0b<\/font>

\u7f51<\/font>

\u6e90<\/font>

\u7ad9<\/font>

\uff01<\/font>\n \n \n

子比-头像呼吸光环和鼠标悬停旋转放大

2024-9-16

前言

我们经常逛别人的网站，有些网站的美化效果特别好看，那么我们如何实现呢？其实很简单，只需一句代码即可实现。请看下面的教程。

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;}}

 

阅读剩余提示：本文最后更新于2024年9月16日，如有错误或者已经失效，请留言告知。 本文链接： 文章作者 隐私政策 用户协议 许可协议 THE END 相关推荐 醉过方知酒浓，爱过方知情重，追过方知词穷，伤过方知心痛。 评论 文章 最近动态 94% 九月 28天已过

文章列表

1 2 3 4 5

最新评论

青柠时光 9月20日

感谢分享

评论于 凌云博客 9月20日

希望贵站越做越好

评论于 子安 9月20日

快点更新吧 网站还等着美化呢

评论于 遥望远方 9月20日

子比美化越来越好看了

评论于 聪明、 9月20日

感谢大佬分享

评论于

标签云

赶紧收藏我们,查看更多心仪的内容？按Ctrl+D收藏我们 或 本站由提供云存储服务本站已运行：