1. Web Design
  2. HTML/CSS
  3. JavaScript for Designers

2 Cara Membuat Background Animasi Partikel

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.
Scroll to top

Indonesian (Bahasa Indonesia) translation by Muhammad Naufal (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:

Please accept marketing cookies to load this content.

Dan inilah demo yang menggunakan particles.js:

Please accept marketing cookies to load this content.

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