Kemarin kan kita sudah membuat animasi Roll In yah, Nah pada kesempatan kali ini kita akan membuat animasi yang lain yaitu animasi LightSpeedIn. langkah-langkah nya hampir sama dengan yang kemaren yang berbeda hanya dari transform dan opacitynya saja , engga kalah bagusnya ko sama yang kemaren 🙂 buat lebih jelasnya lagi yuk mening ikutin aja di sini , engga bakalan rugi ko.
Yang pertama-tama kita lakukan yaitu membuat script HTMLnya :
nah setelah membuat script HTMLnya, sekarang teman-teman buat script CSSnya seperti ini :
Saya jelaskan kembali property transform berfungsi untuk transformasi element 2D maupun 3D .
sedangkan property opocity berfungsi untuk menampilkan dan menyembunyikan element .
jika sudah coba teman-teman lihat hasilnya di browser , maka akan ada gambar yang tiba-tiba muncul menggunakan animasi LightSpeedIn .
oke mungkin sekian untuk artikel hari ini , sampai ketemu di artikel berikutnya , selamat mencoba dan semoga berhasil yah 🙂