Khóa học đã chọn

[Học HTML5 CSS3] Hiệu ứng tuyết rơi cho mùa Giáng sinh

ngày 20-12-2016

Một mùa Giáng sinh lại đến, chúng tôi sẽ chia sẻ với các bạn một bộ sưu tập HTML5 và CSS3 độc đáo về các hiệu ứng tuyết rơi để bạn có thể thay đổi diện mạo website của mình thêm phần đặc sắc, phù hợp với những ngày lễ này.

Yên tâm là các thủ thuật lập trình web này rất đơn giản và dễ sử dụng, cùng bắt đầu nào!

1. Pure CSS Snow Snippet

Hiệu ứng tuyết rơi này rất phù hợp với website của bạn trong suốt dịp lễ này. Bạn có thể thấy những đợt tuyết rơi cùng với hiệu ứng gió, làm những hoa tuyết bay bay. Tuyệt quá phải không nào!

Bạn tải source code tại đây.

2. Rendering snow with shaders

Hiệu ứng tuyết rơi với three.js và WebGL, với những hoa tuyết rơi nặng hạt.

Bạn tải source code tại đây.

3. Jquery-snow

Hiệu ứng tuyết rơi với jQuery có những hoa tuyết đủ kích thước cũng là một gợi ý hay ho cho trang web của bạn, nhẹ nhàng nhưng ấn tượng!

Xem Live demo

4. Snowfallcanvas

Snowfallcanas với những hạt tuyết to tròn rơi chầm chậm

Xem Live demo

5. Snow.js

Hiệu ứng này với những hạt tuyết trắng nhỏ li ti, rất thích hợp cho trang web của bạn. Người dùng chắc chắn sẽ thích thú khi bạn lập trình cho website của mình hiệu ứng tuyết rơi này. Thử nào bạn!

Xem Live demo

6. Etitsnow.js

Etitsnow.js là jQuery mở rộng, khá giống với snow.js nhưng các hạt tuyết rơi nhanh hơn, tạo cảm giác như những cơn gió lạnh của những ngày noel đang thổi qua trang web của bạn.

Xem Live demo

7. Let-it-snow

Đây là một thử nghiệm nhỏ rất đáng để bạn quan tâm vào việc tạo ra những hạt tuyết rơi hiệu ứng CSS3.

Xem live demo.

8. Snow-it

Một dạng hiệu ứng tuyết rơi jQuery khác với những hoa tuyết nổi bật, rơi thành thành đợt và mờ dần.

Xem Live demo

9. Snow

Khá giống với hiệu ứng snow-it nhưng những hoa tuyết ở hiệu ứng này có kích thước nhỏ hơn.

Xem Live demo

10. Nice-Snowing

Nice-Snowing sẽ giúp bạn tạo ra những hoa tuyết 3D nổi bật bằng việc sử dụng HTML5 và một bông tuyết PNG.

Xem Live demo

Với những gợi ý đa dạng ở trên, hi vọng bạn sẽ lựa chọn cho mình một hiệu ứng tuyết rơi phù hợp để tô điểm cho trang web của mình mùa Giáng sinh này nhé!

Chúc bạn Giáng sinh an lành và hạnh phúc!

Trung tâm Tin học Đại học Khoa Học Tự Nhiên