Vietnamese (Tiếng Việt) translation by Dai Phong (you can also view the original English article)
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é!
Subscribe below and we’ll send you a weekly email summary of all new Web Design tutorials. Never miss out on learning about the next big thing.
Update me weeklyEnvato Tuts+ tutorials are translated into other languages by our community members—you can be involved too!
Translate this post