网页中头像添加呼吸光坏和旋转效果
侧边栏壁纸
  • 累计撰写 88 篇文章
  • 累计收到 673 条评论
  • 今日更新 0 篇文章

网页中头像添加呼吸光坏和旋转效果

七年
2021-06-12 / 46 评论 / 663 阅读 / 正在检测是否收录...

前言

  今天闲的无聊,看了看本博客的侧边栏美化程度,感觉很单调,突然就觉得头像应该美化一下,于是就写了一段代码来美化头像 表情

效果图

Test

代码奉上

  写在CSS里面即可,此代码中的CSS选择器一定要和你网页头像的CSS选择器相符,边框颜色是动态的,可看本站效果

1

七年博客 - 你的专属归

https://www.qin0.cn/
更多精彩文章,按Ctrl+D收藏本站!

评论 (46)

取消
  1. 头像
    蓝胖子
    Android · Google Chrome

    66666

    回复
  2. 头像
    m1
    Windows 10 · Google Chrome

    1

    回复
  3. 头像
    阿巴怪
    Android · QQ Browser

    666

    回复
  4. 头像
    keke
    Windows 7 · Google Chrome

    kankan

    回复
  5. 头像
    家眷
    Windows 10 · Google Chrome

    22

    回复
  6. 头像
    家眷
    Windows 10 · Google Chrome

    3

    回复
  7. 头像
    .
    Android · QQ Browser

    1

    回复
  8. 头像
    ifndef
    MacOS · Google Chrome

    学习

    回复
  9. 头像
    网上查
    Windows 10 · QQ Browser

    阿尔文人格侮辱

    回复
  10. 头像
    专一的余淮
    Android · Google Chrome

    (∗❛ั∀❛ั∗)✧*。不错

    回复
  11. 头像
    bage
    Windows 10 · Google Chrome

    ds

    回复
  12. 头像
    bage
    Windows 10 · Google Chrome

    hh

    回复
  13. 头像
    菜鸡
    Windows 10 · Google Chrome

    膜拜

    回复
  14. 头像
    繁华
    Windows 10 · Google Chrome

    kk

    回复
  15. 头像
    yh
    Windows 10 · Google Chrome

    试试

    回复
  16. 头像
    yh
    Android · Google Chrome

    xcx

    回复
  17. 头像
    az
    Android · Google Chrome

    画图

    回复
  18. 头像
    tbl
    Windows 10 · Google Chrome

    显示

    回复
  19. 头像
    tinklh
    Android · Google Chrome

    Ok

    回复
  20. 头像
    1
    Windows 10 · Google Chrome

    111

    回复
  21. 头像
    111
    Windows 10 · Google Chrome

    1111

    回复
  22. 头像
    扶她狗
    Android · QQ Browser
    该回复疑似异常,已被系统拦截!
    回复
  23. 头像
    12
    Android · Google Chrome

    11111

    回复
  24. 头像
    root
    Windows 10 · Google Chrome

    1

    回复
  25. 头像
    maple
    Windows 10 · QQ Browser

    1

    回复
  26. 头像
    maple
    Windows 10 · QQ Browser

    白嫖

    回复
  27. 头像
    雨轩
    Linux · Google Chrome

    666

    回复
  28. 头像
    飞洒
    Windows 10 · Google Chrome

    fsa

    回复
  29. 头像
    2
    Windows 10 · FireFox

    谢谢分享

    回复
  30. 头像
    便宜
    Android · QQ Browser

    画图

    回复
  31. 头像
    3296230540
    Windows 7 · Google Chrome

    谢谢

    回复
  32. 头像
    love
    Windows 10 · Google Chrome

    谢谢

    回复
  33. 头像
    一梦
    Android · Google Chrome

    拿走

    回复
  34. 头像
    永恒
    Android · Google Chrome

    拿走

    回复
    1. 头像
      七年 作者
      Android · Google Chrome
      @ 永恒

      好呢

      回复
  35. 头像
    戴慕
    Windows 7 · QQ Browser

    收割

    回复
  36. 头像
    安年
    Android · Google Chrome

    1234

    回复
  37. 头像
    寒晨
    Android · Google Chrome

    看看

    回复
  38. 头像
    咳咳
    Android Oreo · QQ Browser

    好东西

    回复
  39. 头像
    乐豪科技
    Android · Google Chrome

    牛逼

    回复
  40. 头像
    1
    Android Oreo · QQ Browser

    画图

    回复
  41. 头像
    酷爱
    Windows 8.1 · Google Chrome

    画图

    回复
  42. 头像
    安夏
    iPhone · QQ Browser

    收藏

    回复
  43. 头像
    方法
    Android · QQ Browser

    看看

    回复
  44. 头像
    即兴
    Android · QQ Browser

    5看看

    回复
  45. 头像
    安夏
    iPhone · QQ Browser

    已收藏

    回复
在线人数:1人