Pada kesempatan kali ini saya akan membagikan tutorial tentang cara membuat animasi efek smoke pada teks. Efek yang dibuat saat sebuah teks di hover atau ada pergerakan dari mouse mendekat ke teks. Lalu efeknya teks akan menjadi hilang seperti asap.Baiklah mari kita mulai saja cara pembuatannya ikutin langkah-langkah berikut ini:

Langkah pertama buatlah file html seperti code dibawah ini:

pada file HTML saya membuat sebuah list untuk setiap hurufnya…kenapa seperti itu ? karena eh karena supaya lebih mudah diberikan efek animasi setiap hurufnya. dan berikutnya jangan lupa tambahkan syle CSS nya seperti berikut ini:

Jika sudah simpan dulu kedua file nya HTML dan style CSS, coba sekarang jalankan pada browser, apakah tampilannya sudah seperti pada gambar ini :

1-membuat efek smoke

dan apabila mouse didekatkan pada teks maka akan seperti berikut ini tampilannya:

2-membuat efek smoke

Demikian pembahasan artikel pada kesempatan kali ini tentang cara membuat animasi efek smoke pada teks ,sampai jumpa lagi dengan pembahasan dengan materi yang  berbeda. Semoga bermanfaat dan selamat mencoba.

Terima kasih