Nhân dịp cuối năm, mình có bật tính năng tuyết cho toàn bộ các trang và hoa anh đào cho trang Hoạt động gần đây. Tất nhiên là hết dịp lễ thì mình sẽ tắt đi :v
Cơ mà các bạn vẫn có thể sử dụng các hiệu ứng này để làm đẹp cho trang project của mình sau khi tắt. Tức là các bạn có thể áp dụng cho trang riêng của mình kể cả sau khi mình tắt không cho chạy trên toàn Sonako.
Các bạn chèn code này vào trang để kích hoạt hiệu ứng mong muốn
- Hiệu ứng hoa anh đào: <div id="sakura"></div>
- Hiệu ứng lá thu rơi: <div id="leaf"></div>
- Hiệu ứng tuyết: <div id="snow"></div>
- Hiệu ứng tuyết 2: <div id="snow2"></div> (chạy nhẹ hơn, nhung xấu hơn)
- Hiệu ứng quà tặng: <div id="present"></div>
- Hiệu ứng đồ trang trí: <div id="ornament"></div>
- Hiệu ứng ruồi bay: <div id="bug"></div>
- Hiệu ứng nhện tung tăng: <div id="spider"></div>
- Hiệu ứng hoa mai: <div id="hoamai"></div>
- Hiệu ứng hoa đào: <div id="hoadao"></div>
- Tuyết mùa hè: <div id="snow3"></div>
- Tinh cầu sắc màu: <div id="particle"></div>
- Hiệu ứng Chuột/Cursor:
- Hiệu ứng Sao Trắng: <div id="white-star"></div>
- Hiệu ứng Sao Xanh: <div id="blue-star"></div>
- Hiệu ứng Sao vàng: <div id="yellow-star"></div>
- Hiệu ứng Sao Đỏ: <div id="red-star"></div>
- Hiệu ứng Sao Đa Sắc Màu: <div id="random-star"></div>
- Hiệu ứng Kẹo Noel: <div id="candy-cane"></div>
- Hiệu ứng đom đóm: <div id="fireflies"></div>
Các bạn có thể dùng code <choose></choose> để mỗi khi reload page lại ra một hiệu ứng cũng dc :v
Ví dụ như random 3 hiệu ứng lá thu rơi, đồ trang trí và quà tặng thì làm như sau:
<choose> <option><div id="leaf"></div></option> <option><div id="present"></div></option> <option><div id="ornament"></div></option> </choose>
Hoặc chơi cả 3 hiệu ứng cùng 1 lúc, tất nhiên làm vậy có thể gây ra quá tải trang khiến trang load chậm vì thế mình khuyến cáo không nèn làm vậy nếu bạn không muốn đuổi hết người đọc đi :v
Nói chung là các bạn chỉ chạy 1 hiệu ứng trên trang trong cùng 1 thời điểm mà thôi để vẫn đảm bảo tốc độ tải trang của độc giả
Không nên ham hố quá làm gì cả :v
