码迷,mamicode.com
首页 > Web开发 > 详细

通过css样式实现动态背景

时间:2020-05-25 17:25:35      阅读:79      评论:0      收藏:0      [点我收藏+]

标签: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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!