通過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>