V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
爱意满满的作品展示区。
kamil
V2EX  ›  分享创造

分享自定义 CSS:简化元素,随机背景淡出

  •  
  •   kamil · 2015-02-06 03:42:27 +08:00 · 3720 次点击
    这是一个创建于 3578 天前的主题,其中的信息可能已经有所发展或是发生改变。

    今天看了两个分享 自定义 CSS 的主题

    V2EX 极简自定义 CSS : LIGHTER

    V2EX 自定义 css,随机背景图片

    把它们结合了下,然后增加了背景图片的淡出,自己用了半天感觉还不错,分享出来大家有兴趣的试试

    @import url("//jkjoke.b0.upaiyun.com/css/v2ex.css");
    body { background-color: #efefef; background-image: url(https://unsplash.it/1600/900?random); background-repeat: no-repeat; background-attachment: fixed; background-position: center 0; background-size: cover; }
    #Wrapper{ background-color: transparent; animation-delay: 2s; -webkit-animation-delay: 2s; animation: fadein 5s; -webkit-animation: fadein 5s; }
    @-webkit-keyframes fadein { from { background-color: rgba(239, 239, 239, 255); } to { background-color: rgba(239, 239, 239, 0); } }
    @keyframes fadein { from { background-color: rgba(239, 239, 239, 255); } to { background-color: rgba(239, 239, 239, 0); } }
    #Main, #Top, #Rightbar { opacity: 0.95; }
    
    目前尚无回复
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   2644 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 23ms · UTC 05:28 · PVG 13:28 · LAX 21:28 · JFK 00:28
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.