TẠO HIỆU ỨNG TUYẾT RƠI CỰC ĐẸP TRONG GIÁNG SINH CHO BLOG

  • Web chúng tôi hỗ trợ tốt cho người dùng sử dụng máy tính. chúng tôi không đầu tư bất cứ giao diện nào cho người dùng di động. do đó nếu có phiền do Ads bạn có thể vào Link này để kham khảo. chúng tôi không bắt buộc.

    test beta Upgrades Now

hungkun

Thành Viên
58
31
Awards
0
toihoctinhoc.blogspot.com
Picoin
0
Scoin
0
Sắp tới giáng sinh rồi các bạn nhỉ,nên mình muốn góp phần tạo cho blogspot thêm sinh động và đẹp hơn trong những ngày mùa đông giá lạnh này ^^
Dán code sau thẻ <body>
Demo blog này



<style type='text/css'>
.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("https://dl6rt3mwcjzxg.cloudfront.net/assets/snow/snow-large-075d267ecbc42e3564c8ed43516dd557.png");-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.net/assets/snow/snow-medium-0b8a5e0732315b68e1f54185be7a1ad9.png);-webkit-animation-duration:20s;animation-duration:15s}.snow.middleground.layered{-webkit-animation-delay:10s;animation-delay:10s}.snow.background{background-image:url(https://dl6rt3mwcjzxg.cloudfront.net/assets/snow/snow-small-1ecd03b1fce08c24e064ff8c0a72c519.png);-webkit-animation-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>
<div class='snow foreground layered'></div>
<div class='snow middleground'></div>
<div class='snow middleground layered'></div>
<div class='snow background'></div>
<div class='snow background layered'></div>
</div>
 
  • Like
Reactions: Binzz

Đã phát hiện AdBlock

Ái chà chà! không nên chặn quảng cáo trên web của chúng tôi!

phần mềm chặn quảng cáo thực hiện công việc tuyệt vời trong việc chặn quảng cáo, nhưng nó cũng chặn các tính năng hữu ích của trang web của chúng tôi. mình khuyên bạn nên tắt AdBlocker đi.

Ok! Tôi đã tắt nó