Halo temen-temen ketemu lagi sama saya😊 si pembuat animasi. Pada postingan kali saya akan membuat animasi salju yang lagi turun, jadi gak perlu pergi jauh-jauh buat lihat salju turun, tinggal buat dengan html dan css. Tanpa basa-basi lagi kita langsung saja membuat animasinya.
Langkah 1 buat file htmlnya, namanya terserah tapi buat nama yang sekreatif mungkin:
buatlah div sekitar 60 buah dengan class snow, pada gambar diatas saya tidak bisa menampilkan semua div-nya.
Langkah 2 buat file css-nya, namanya terserah, yang terpenting terhubung dengan file htmlnya:
pada screenshot css diatas saya hanya menampilkan bagian paling atas, tengah dan paling bawah. karena untuk kodingan animasi-nya sama saja temen-temen hanya tinggal mengedit nilai opacity, translate dan scale-nya.
Untuk lebih jelasnya temen-temen bisa lihat pada codepen dibawah ini:
Pada postingan kali ini, mugkin hanya ini yang dapat saya share ke temen-temen kurang lebihnya saya mohon maaf karena disini kita masih sama-sama belajar. Jika temen-temen masih bingung silahkan tinggalkan komentar pada laman komentar dibawah.
Sekian dari saya dan terima kasih telah mengunjungi blog saya.
Referensi:
Langkah 2 buat file css-nya, namanya terserah, yang terpenting terhubung dengan file htmlnya:
Untuk lebih jelasnya temen-temen bisa lihat pada codepen dibawah ini:
Pada postingan kali ini, mugkin hanya ini yang dapat saya share ke temen-temen kurang lebihnya saya mohon maaf karena disini kita masih sama-sama belajar. Jika temen-temen masih bingung silahkan tinggalkan komentar pada laman komentar dibawah.
Sekian dari saya dan terima kasih telah mengunjungi blog saya.
Referensi:
- codepen
Lebih semangat lagi
BalasHapusmantap gank
BalasHapus