Tạo Hiệu Ứng Tuyết Rơi Cho Blogspot Nhân Dịp Giáng Sinh

Tạo Hiệu Ứng Tuyết Rơi Cho Blogspot Nhân Dịp Giáng Sinh

13:21
Thì cũng sắp tới giáng sinh rồi, nên chúng tôi sẽ viết bài tạo hiệu ứng tuyết rơi cho blogspot để đón một mùa giáng sinh vui vẻ. Góp phần cho blogspot đẹp và sinh động hơn. Viết xong bài này rồi nghỉ ôn thi là vừa rồi hihi. Nào cùng nhau làm thôi :))

  • Cách thực hiện hết sức đơn giản :))
  • Đầu tiên bạn Đăng nhập vào Blogger rồi sau đó đến Chủ đề và nhấn vào chỉnh sửa HTML
  • Tiếo theo thì bạn Ctrl F và tìm thẻ </body> rồi copy đoạn mã bên dưới và dán lên bên trên thẻ </body> vừa tìm được

<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>
Trên đây là 2 Hiệu ứng tuyết rơi dùng để trang trí cho blog mà chúng tôi tổng hợp được. Chúc các bạn thực hiện thành công và có một mùa giáng sinh anh lành và hạnh phúc. À mà đừng quên là phải cố gắng thi cử cho tốt nhé. Fighting !

Related Post

30 Nhận xét

avatar
Chủ Nhật, tháng 12 03, 2017 4:10:00 CH

bài viết này của CTV đăng lên nên bác ấy sẽ trả lời bác sau :D cảm ơn

avatar
Thứ Hai, tháng 12 04, 2017 11:28:00 SA

Để a lấy cái hiệu ứng này về xài thử koi nó có lag ko!

avatar
Thứ Hai, tháng 12 04, 2017 11:57:00 SA

em cảm thấy cũng hơi lag nhẹ nhưng thấy đẹp và sắp tới noel 🎅 nên em để

avatar
Thứ Hai, tháng 12 04, 2017 3:49:00 CH

Chắc phải thêm cái này vô blog tôi cho có không khí Noel

avatar
Thứ Hai, tháng 12 04, 2017 5:18:00 CH

update cho có không khí thôi anh :)

avatar
Thứ Hai, tháng 12 04, 2017 6:51:00 CH

A lô đồng chí có nghe tôi nói không TTT =))

avatar
Thứ Hai, tháng 12 04, 2017 9:01:00 CH

Qua TT nè :V Chúc bác đầu tuần vui vẻ :V

avatar
Thứ Hai, tháng 12 04, 2017 9:08:00 CH

cảm ơn bác lâu mới thấy bác CMT

avatar
Thứ Ba, tháng 12 05, 2017 8:47:00 SA

em chưa đặt liên kết cho anh nhé