Lang thang trên mạng tìm mấy code cũ ngày xưa chợt thấy cái hiệu ứng này, dù méo phải mùa đông hay giáng sinh nhưng kệ mẹ éo liên quan cũng đăng lun, tại méo biết đăng cái vẹo gì hết á.
Hiện tại đang là mùa hè nắng nóng xịt cả khói, up bài này cho có chút không khí lạnh giá nhỉ? 🥶
Trang trí blog của bạn với hiệu ứng tuyết rơi mùa đông đón giáng sinh. Xem demo trong hình bên dưới. 👇
Bước 1: Chủ đề > Tùy chỉnh > Chỉnh sửa HTML > Thêm đoạn code dưới đây vào trước thẻ đóng </body> và lưu lại.
<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://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEju14zHOohP2nD4QHpj6kRuC0C5ql6Ri9Lq6GtvHE2WrXk6IOfdCm90-oqw9GRHzpaq_wcTSCYoAUr5V7GZ8WO1R9q6FvJ_5qkX7un8zmJomwK_UG3HPF2tdP0Mx9RKwjALcMuKuUh7tSwWVBtLOnLWMpyEm1rGi4-Pw7L93DVaa4QJYG3bNVO57NZ9gWc/s16000/snow-large-01.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://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgm-ipWsFcTeQLR-ZRaQ_sw_NBRFWd_MldFtTwZr1qHqQPQv-5oo1Tv-6S3vb4JVYVqGs0rBYEd7-f4UHrndbHDuJotzbH_a8RmPnczw4gChnAQbz9pVa95fum2DgYyGOSThJYQBcmPtL40PvcrJSqj5P7lPTjJKuQ7dLw3GVUKZkpOdk44IEAIppGzJc/s16000/snow-medium-02.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/AVvXsEj8bQD4tGApNEbebldWKYZZvz096EQ6Xtqm3hX06zWCQF1bi1cXa2XWJakfS_dGrp-das5PaYp1WEMP6XVh50aPUuvgGq2N_UsrJvghy4aa6vVOQuYGN8oIFqHipwtbs2M3VGVTY0WrS-q_8cATISOKuxSOaYP9nICu4TUXg-hP_UA9yXTjC201UqO4lUk/s16000/03.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>Ờm thế là xong cmn rùi, mấy cái code này tranh thủ sưu tầm về chứ trang nguồn tuyệt chủng mịe rồi. 🤕
Hashtag: Trang trí blog của bạn với hiệu ứng tuyết rơi mùa đông đón giáng sinh
Không có nhận xét nào
Đăng nhận xét