统计
  • 建站日期:2022-06-18
  • 文章总数:550 篇
  • 评论总数:589 条
  • 分类总数:24 个
  • 最后更新:10月2日
文章 网页美化

【本站同款】emlog评论区头像美化,CSS特效呼吸光环

Licz、橙子
首页 网页美化 正文
【本站同款】emlog评论区头像美化,CSS特效呼吸光环

本站同款头像呼吸光环教程

效果图


【本站同款】emlog评论区头像美化,CSS特效呼吸光环
-橙子博客
-第1
张图片

使用方法

通过浏览器的审查元素功能,找到头像的html元素。
若头像元素为avatar,就可以在css中添加

特效呼吸光环css

放入公共css文件里即可

 /*头像呼吸光环*/
    /*橙子博客 WWW.CZDHW.CN*/
    .avatar  {
        border-radius: 50%;
        animation: light 4s ease-in-out infinite;
        transition: 0.5s;
    }
    @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;}
    }

版权说明
文章采用: 《署名-非商业性使用-相同方式共享 4.0 国际 (CC BY-NC-SA 4.0)》许可协议授权。
版权声明:未标注转载均为本站原创,转载时请以链接形式注明文章出处。如有侵权、不妥之处,请联系站长删除。敬请谅解!

-- 展开阅读全文 --
话费羊毛,淘宝2元话费
« 上一篇
为网站添加外部链接go跳转
下一篇 »
为了防止灌水评论,登录后即可评论!

HI ! 请登录
注册会员,享受下载全站资源特权。
社交账号登录

热门文章

最新文章

标签