zoukankan      html  css  js  c++  java
  • 通过css样式实现动态背景

    分享一张可以用来做动态背景的gif
    蓝色碎片飞舞

    通过css样式可实现:

    <style type = "text/css"> 
        @media(prefers - color - scheme: dark) {.js_darkmode__0 {
            color: rgba(0, 0, 0, 0.9) ! important;
            background - image: linear - gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)),
            url("https://blog-static.cnblogs.com/files/melodyjerry/%E8%93%9D%E8%89%B2%E7%A2%8E%E7%89%87%E9%A3%9E%E8%88%9E.gif") ! important;
        }.js_darkmode__1 {
            color: rgba(0, 0, 0, 0.9) ! important;
        }.js_darkmode__bg__0 {
            background - image: linear - gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)),
            url("https://blog-static.cnblogs.com/files/melodyjerry/%E8%93%9D%E8%89%B2%E7%A2%8E%E7%89%87%E9%A3%9E%E8%88%9E.gif"),
            linear - gradient(#fff, #fff) ! important;
        }.js_darkmode__bg__1 {
            background - image: -webkit - linear - gradient(left, transparent, rgb(153, 153, 152), transparent) ! important;
        }
    } </style>
    
  • 相关阅读:
    别让猴子翻到背上
    python生成二维码
    50条经典爱情观
    智力测试题
    SQL数据库优化
    递归函数实现二分查找法
    软件开发类别
    递归函数的深度问题
    UVALive
    UVALive
  • 原文地址:https://www.cnblogs.com/melodyjerry/p/12957779.html
Copyright © 2011-2022 走看看