Trong video hướng dẫn ngày hôm nay, tôi sẽ giới thiệu với các bạn cách tạo một hình nền các hạt chuyển động. Các hạt hay các mảnh vụn là một cách tuyệt vời để show phần hero trên một trang web; bạn có thể đã nhìn thấy chúng được sử dụng trên các trang web như marvelapp.com, và bạn cũng có thể sử dụng cách này để tạo ra hiệu ứng tuyết rơi.

Chúng ta sẽ đi tìm hiểu hai cách tạo hiệu ứng các hạt chuyển động. Cái đầu tiên chỉ dựa vào CSS, trong khi cái thứ hai sử dụng một plugin JavaScript gọi là particles.js.

Cách tạo Hiệu ứng hạt Chuyển động cho Trang web của bạn

Bản Demo

Dưới đây là ví dụ chỉ sử dụng CSS:

Và đây là demo sử dụng plugin particles.js:

Thật vui khi nhìn thấy những gì mà bạn có thể làm với chúng, và cho chúng tôi biết trong phần comment nơi mà bạn đã sử dụng hiệu ứng hạt chuyển động trong thực tế nhé!