hot Về việc đăng ký thành viên hot Hỗ trợ đăng bài PR MIỄN PHÍ


Mình xin chia sẽ bộ code JS tuyết rơi cho trang web

Thảo luận trong 'Rao vặt linh tinh'

  1. nhathuy

    nhathuy Staffs

    Tham gia ngày:
    20/1/16
    Bài viết:
    22
    Đã được thích:
    0
    Điểm thành tích:
    1
    Giới tính:
    Nam
    /* tuyet roi*/
    <style>.snow-container{position:fixed;width:100%;max-width:100%;z-index:99999;pointer-events:none;overflow:hidden;top:0;height:100%}
    .snow{display:block;position:absolute;z-index:2;top:0;right:0;bottom:0;left:0;pointer-events:none;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);-webkit-animation:snow linear infinite;animation:snow linear infinite}
    .snow.foreground{background-image:url(&quot;https://dl6rt3mwcjzxg.cloudfront.net/assets/snow/snow-large-075d267ecbc42e3564c8ed43516dd557.png&quot;);-webkit-animation-duration:15s;animation-duration:10s}
    .snow.foreground.layered{-webkit-animation-delay:7.5s;animation-delay:7.5s}
    .snow.middleground{background-image:url(https://dl6rt3mwcjzxg.cloudfront.ne...nimation-duration:20s;animation-duration:15s}
    .snow.middleground.layered{-webkit-animation-delay:10s;animation-delay:10s}
    .snow.background{background-image:url(https://dl6rt3mwcjzxg.cloudfront.ne...nimation-duration:25s;animation-duration:20s}
    .snow.background.layered{-webkit-animation-delay:12.5s;animation-delay:12.5s}
    @-webkit-keyframes snow{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}100%{-webkit-transform:translate3d(5%,100%,0);transform:translate3d(5%,100%,0)}}
    @keyframes snow{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}100%{-webkit-transform:translate3d(5%,100%,0);transform:translate3d(5%,100%,0)}}</style>
    <div class='snow-container'>
    <div class='snow foreground'/>
    <div class='snow foreground layered'/>
    <div class='snow middleground'/>
    <div class='snow middleground layered'/>
    <div class='snow background'/>
    <div class='snow background layered'/>
    </div>



    Dat duoi </body>
    Các bạn chỉ cần copy - dán là xong nhé. Xin cám ơn
     

Chia sẻ trang này

Tags: No tags Edit Tags

Bài viết giới thiệu: "Mình xin chia sẽ bộ code JS tuyết rơi cho trang web"