30-50% off hundreds of digital assets! WordPress themes, video, music and more 30-50% Off Go to Sale
Advertisement
  1. Web Design
  2. CSS
Webdesign

2 Cách để tạo một Hình nền có các Hạt chuyển động

by
Difficulty:IntermediateLength:QuickLanguages:

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é!

Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.