Thủ thuật tạo tuyết rơi trang trí blog
Tuyết chỉ thường xuất hiện ở Sapa, Việt Nam.
Tuy nhiên, nếu ai thích tạo tuyết rơi để trang trí cho blog trong những ngày mùa đông thì có thể áp dụng thủ thuật như dưới đây:
1/ Đăng nhập blog - Nhấp Thiết kế; giao diện "Chủ đề" của blog hiện ra.
2/ Nhấp "Chỉnh sửa HTML" - Đưa dấu nháy trỏ chuột vào chỗ trống trong khung HTML.
3/ Nhấp "Ctrl + F", xuất hiện khung tìm kiếm thẻ HTML.
4/ Copy, dán hoặc gõ </body> vào khung tìm kiếm và nhấn "Enter".
5/ Copy đoạn code dưới đây và dán trên thẻ </body>
6/ Nhấp "Lưu chủ đề" - Nhấp "Xem blog" để xem kết quả.
Nội dung code:
<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("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>
Nguồn:
https://tulieula.blogspot.com/2017/02/cung-trang-tri-blog-cua-ban-voi-hieu.html
Không có nhận xét nào:
Hướng dẫn viết nhận xét:
- Dán link ảnh trực tiếp vào khung nhận xét không cần dùng thẻ.
* Chú ý: Link ảnh phải đặt cuối cùng. Sau link ảnh đã dán, không gõ thêm bất kỳ ký tự nào nữa, kể cả nhấn Enter.
- Thêm một vài biểu tượng cảm xúc...