通过css样式实现动态背景

标签：gif   type   code   lin   die   css样式   tran   back   sch   

分享一张可以用来做动态背景的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("http://image.mamicode.com/info/202005/20200525172535278734.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("http://image.mamicode.com/info/202005/20200525172535278734.gif"),
        linear - gradient(#fff, #fff) ! important;
    }.js_darkmode__bg__1 {
        background - image: -webkit - linear - gradient(left, transparent, rgb(153, 153, 152), transparent) ! important;
    }
} </style>

通过css样式实现动态背景

标签：gif   type   code   lin   die   css样式   tran   back   sch   

原文地址：https://www.cnblogs.com/melodyjerry/p/12957779.html