Chuyển đến nội dung chính

Code Trang Trí Tuyết Rơi Cực Đẹp Cho Blogspot

https://www.nguyenngocquidz.tk/2017/12/code-trang-tri-tuyet-roi-cuc-dep-cho-blogspot.html
xin chào các bạn, hôm nay ở bài viết này mình chia sẻ code tuyết rơi cho blog, cực đẹp nha các bạn muốn xem demo thì tại blog mình luôn nha. Code nhẹ mượt sẽ không làm lag blog của bạn, các bạn yên tâm nha


CÁCH THỰC HIỆN

Bước 1 : chèn đoạn code bên dưới trước thẻ<body>
<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(&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjN2h6iQqioztpTQnq-xq6Bh87llxeDvQWi_k6UKgHNpiFwQNwhcKdtc6tF16RgkYrv_9_9eURc7Orcy-BntrjgXZrogA2ArYTF5zH9XvJf1gY-Z5Oypchx5qUYO5Kz29BGoNVaHMMFH3RV/s1600/snow-effect-_---------BacSiWindows-Com.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.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://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiF6rWJ_dfpMy4RXK3-zmgp539IrldXPVzy0tEIRwgsnHj8UM94hW0EfwR6fCLR5S74TxQnWyoiOmIf_MhVAIyNxUnp7QAcV0u1sJM0cILe-0dMb9hMLD9ujETYyy7ZSi77KaVO_PyPuiok/s1600/snow-effect_-_--------------BacSiWindows-Com.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 class='snow foreground layered'/><div class='snow middleground'/><div class='snow middleground layered'/><div class='snow background'/><div class='snow background layered'/></div>

Xem Video Chi Tiết : tại đây

LỜI KẾT :

Chỉ đơn giản vậy thôi, bạn đã có 1 blog đẹp tuyệt vời rồi.
Nhớ ủng hộ blog Nguyễn Ngọc Quí nha.
Chúc các bạn thành công!Nguồn Bacsiwindows
CHIA SẺ BÀI VIẾT CHO MỌI NGƯỜI:
      
Tags:  

Nhận xét

Đăng nhận xét

Bài đăng phổ biến từ blog này

Cài đặt JavaFX cho Eclipse

Mục lục 1-  Lấy link cài đặt 2-  Cài đặt 3-  Kiểm tra sau khi cài đặt 4-  Cài đặt JavaFX Scene Builder 5-  Hướng dẫn lập trình JavaFX cho người mới bắt đầu Cài đặt e(fx)clipse vào Eclipse (Bộ công cụ lập trình JavaFX) Xem thêm các chuyên mục: Các hướng dẫn lập trình JavaFX 1-  Lấy link cài đặt 2-  Cài đặt 3-  Kiểm tra sau khi cài đặt 4-  Cài đặt JavaFX Scene Builder 5-  Hướng dẫn lập trình JavaFX cho người mới bắt đầu Lấy link cài đặt Truy cập địa chỉ: https://www.eclipse.org/efxclipse/releases.html Phiên bản mới nhất của  e(fx)clipse  là 3.0.0. Copy một trong các URL dưới đây: http://download.eclipse.org/efxclipse/updates-released/3.0.0/site http://download.eclipse.org/efxclipse/updates-released/2.4.0/site http://download.eclipse.org/efxclipse/updates-released/2.3.0/site 2- Cài đặt Nhập vào: Name:  e(fx)clipse Location:  htt...
Đăng nhận xét
Đọc thêm

Hướng Dẫn Tạo Hiệu Ứng Xoay 360 Độ Cho Blogsport

Hướng Dẫn Tạo Hiệu Ứng Xoay 360 Độ Cho Blogsport - Kiến thức seo Trang Chủ Sitemap About Us Trang Chủ Kiến Thức Seo Thủ Thuật Máy Tính Thủ Thuật Blog Kiếm Tiền Online Kho Video Kho Ảnh _Ảnh Nền 3D _Ảnh Gái Xinh _Blog Ảnh Girl Xinh Tin Mới Home / Thủ Thuật Blog / thu-thuat-blog / thuthuatblog / Hướng Dẫn Tạo Hiệu Ứng Xoay 360 Độ Cho Blogsport Hướng Dẫn Tạo Hiệu Ứng Xoay 360 Độ Cho Blogsport Nhạc Nonstop 12:58:00 AM Thủ Thuật Blog , thu-thuat-blog , thuthuatblog Hướng Dẫn Tạo Hiệu Ứng Xoay 360 Độ Cho Blogsport  Chào mừng  các bạn ghé thă n Blog Kiến thức seo .Hãy cùng tôi khám phá  những điều hay và thú vị của blog nhé .Hôm nay tôi  xin giới thiệu v...
Đăng nhận xét
Đọc thêm

Cài đặt Java 9, Cài đặt biến môi trường Java

Cài đặt Java 9, Cài đặt biến môi trường Java Posted on  Tháng Mười Một 20, 2017 Ở bài viết này mình sẽ hướng dẫn: Cài đặt Java 9, Cài đặt biến môi trường Java. Cài đặt Java Runtime Enviroment để lập trình Java và kiểm tra version Java trên giao diện dòng lệnh. 1. Download và cài đặt JDK Ở mình dùng cho cả lập trình, phát triển phần mềm do đó sẽ cài JDK còn nếu bạn chỉ cần chạy ứng dụng Java thì không cần thiết phải cài JDK mà chỉ cần cài JRE cho nhẹ. Bạn truy cập đường link  http://www.oracle.com/technetwork/java/javase/downloads/index.html  để download bản JDK chính thức từ Oracle. Chọn và download bản JDK cho window. Ở đây mình cài bản mới nhất là JDK 9, các bạn cũng có thể cài các bản cũ hơn nếu cần. Click đúp vào file .exe vừa tải về: Chọn Next Chọn Next Chọn Next (Nếu muốn thay đổi folder cài JDK thì click button change) Khi hệ thống cài đặt xong nó sẽ hiện thông báo như dưới đây, bạn click button close để hoàn thành. Như vậy l...
Đăng nhận xét
Đọc thêm