Tháng 11 qua đi cũng là lúc chúng ta đón chào tháng 12 với không khí lễ Giáng sinh ấm áp, an lành. Hòa mình vào không khí lễ hội Giáng sinh, Giaodien.blog xin chia sẻ với bạn Hiệu ứng tuyết rơi cho blogspot, Trang trí tuyết roi mùa Giáng sinh giúp bạn truyền tải thông điệp sáng sinh hạnh phúc mọi người bạn nhé!
Các bạn có thể trải nghiệm hiệu ứng tuyết rơi mùa Giáng sinh cho blogspot trực tiếp ở bài viết nài.
Trang trí tuyết rơi mùa Giáng sinh cho website blogspot
Cách cài đặt Hiệu ứng tuyết rơi cho blogspot đơn giản là bạn chỉ cần copy toàn bộ đoạn code bên dưới dán trước thẻ đóng </body> hoặc dán sau thẻ <body> sau đó lưu lại là xong.
<style>/*<![CDATA[*/@-webkit-keyframes snowflakes-fall{0%{top:-10%}100%{top:100%}}@-webkit-keyframes snowflakes-shake{0%{-webkit-transform:translateX(0px);transform:translateX(0px)}50%{-webkit-transform:translateX(80px);transform:translateX(80px)}100%{-webkit-transform:translateX(0px);transform:translateX(0px)}}@keyframes snowflakes-fall{0%{top:-10%}100%{top:100%}}@keyframes snowflakes-shake{0%{transform:translateX(0px)}50%{transform:translateX(80px)}100%{transform:translateX(0px)}}.snowflake{color:#fff;position:fixed;top:-10%;z-index:9999;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default;-webkit-animation-name:snowflakes-fall,snowflakes-shake;-webkit-animation-duration:10s,3s;-webkit-animation-timing-function:linear,ease-in-out;-webkit-animation-iteration-count:infinite,infinite;-webkit-animation-play-state:running,running;animation-name:snowflakes-fall,snowflakes-shake;animation-duration:10s,3s;animation-timing-function:linear,ease-in-out;animation-iteration-count:infinite,infinite;animation-play-state:running,running}.snowflake:nth-of-type(0){left:1%;-webkit-animation-delay:0s,0s;animation-delay:0s,0s}.snowflake:nth-of-type(1){left:10%;-webkit-animation-delay:1s,1s;animation-delay:1s,1s}.snowflake:nth-of-type(2){left:20%;-webkit-animation-delay:6s,.5s;animation-delay:6s,.5s}.snowflake:nth-of-type(3){left:30%;-webkit-animation-delay:4s,2s;animation-delay:4s,2s}.snowflake:nth-of-type(4){left:40%;-webkit-animation-delay:2s,2s;animation-delay:2s,2s}.snowflake:nth-of-type(5){left:50%;-webkit-animation-delay:8s,3s;animation-delay:8s,3s}.snowflake:nth-of-type(6){left:60%;-webkit-animation-delay:6s,2s;animation-delay:6s,2s}.snowflake:nth-of-type(7){left:70%;-webkit-animation-delay:2.5s,1s;animation-delay:2.5s,1s}.snowflake:nth-of-type(8){left:80%;-webkit-animation-delay:1s,0s;animation-delay:1s,0s}.snowflake:nth-of-type(9){left:90%;-webkit-animation-delay:3s,1.5s;animation-delay:3s,1.5s}/*]]>*/</style><div class="snowflakes" aria-hidden="true"><div class="snowflake" style="font-size: 30px;">❅</div><div class="snowflake">❅</div><div class="snowflake" style="font-size: 40px;">❆ </div><div class="snowflake">❅</div><div class="snowflake" style="font-size: 30px;">❆</div><div class="snowflake" style="font-size: 22px;">❅</div><div class="snowflake" style="font-size: 50px;">❆</div><div class="snowflake" style="font-size: 20px;">❅</div><div class="snowflake" style="font-size: 70px;">❆</div><div class="snowflake" style="font-size: 20px;">❆</div></div>
Một vài ký tự hoa mình kiếm được: Hãy copy ký tự hoa thay vào icon hoa bên trên cho phù hợp, mỗi dòng là 1 kiểu hoa đều được
❀ (U+2740): Ký tự hoa mai đơn giản.
✿ (U+273F): Ký tự hoa mai với các cánh nở.
❁ (U+2741): Ký tự hoa mai mở rộng.
🏵 (U+1F3F5): Ký tự hoa mai trắng.
🌸 (U+1F338): Ký tự hoa mai hồng nhạt.
🌼 (U+1F33C): Ký tự hoa mai màu vàng.
🌿 (U+1F33F): Ký tự cây lá, có thể đại diện cho mùa xuân.
🍀 (U+1F340): Ký tự cây lúa may mắn, nhưng cũng có thể thấy là một biểu tượng của mùa xuân và sự tươi mới.
🌻 (U+1F33B): Ký tự hoa cúc, một biểu tượng tương tự hoa mai.
✾ (U+273E): Một biểu tượng trang trí giống như hoa mai.
Chúc các bạn một mùa Giáng sinh anh lành, hạnh phúc.
Nhận xét
Đăng nhận xét