2 Cara Membuat Background Animasi Partikel

Adi Purdila Last updated Dec 26, 2017

Read Time: 1 min

() translation by (you can also view the original English article)

Dalam screencast kali ini saya akan menunjukkan cara membuat latar belakang animasi partikel. Partikel merupakan alternatif yang bagus untuk bagian tokoh standar di halaman web; Anda mungkin telah melihatnya digunakan di situs-situs seperti marvelapp.com misalnya, dan Anda juga bisa menggunakan efek ini untuk membuat hujan salju.

Kita akan membahas dua cara untuk membuat partikel. Yang pertama bergantung sepenuhnya pada CSS, sementara yang kedua menggunakan plugin JavaScript yang disebut particles.js.

Cara Membuat Partikel untuk Situs Web Anda

Demo

Berikut contoh yang hanya menggunakan CSS:

Dan inilah demo yang menggunakan particles.js:

Bersenang-senanglah melihat apa yang dapat Anda lakukan dengan semua ini, dan beri tahu kami di komentar di mana Anda menggunakan partikel dalam prakteknya!

CSS JavaScript

Did you find this post useful?

Yes No

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.

Adi Purdila

Adi Purdila is a web design instructor for Tuts+. With over 100 courses and 200 tutorials published to date, Adi's goal is to help students become better web designers and developers by creating content that’s easy to follow and offers great value. Being self-taught himself, Adi strongly believes that constant learning (academic or otherwise) is the only way to move forward and achieve your goals. When not typing away at his keyboard, he loves woodworking and caring for his ever-growing family of rescue pets. You can stay up to date with what he's doing by following him on social media or visiting his website at adipurdila.com.

adipurdila