hot Về việc đăng ký thành viên

hot Thông tin Việc Làm Khách Sạn lương cao

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'

Ads

Chia sẻ trang này

  1. nhathuy

    nhathuy Nhân viên thử việc

    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"