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

- Trong quá trình viết bài chúng tôi sẽ có nhiều thiếu sót mong các bạn đóng góp để chúng tôi rút kinh nghiệm hơn !
- Mọi chi tiết xin liên hệ:
• Email: hungdev.qb@gmail.com
• Facebook: www.fb.com/100007780446455

Điểm 4.6/5 dựa vào 87 đánh giá
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 !

30 nhận xét:


Cùng tham gia bình luận bài viết này nhé!

  1. Trả lời
    1. 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

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

    Trả lờiXóa
    Trả lời
    1. 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 để

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

    Trả lờiXóa
  4. A lô đồng chí có nghe tôi nói không TTT =))

    Trả lờiXóa
  5. Qua TT nè :V Chúc bác đầu tuần vui vẻ :V

    Trả lờiXóa