Animasi Katalog dengan CSS3

Kali ini sibangstudio.com akan berbagi cara membuat animasi katalog dengan CSS 3. animasi ini tidak mengunakan javascript. hanya mengunakan CSS dan HTML. animasi scrol akan dilakukan saat komponen di hover. lebih jelasnya simak potongan code berikut .

coba kita lihat dibagian ini :

lihat bagian transition-duration : 10s itu maksudnya setiap gerakan yang dilakukan oleh gambar yang ada didalam komponen .kotak akan bergerak selama 10 detik.

lihat juga pada bagian :

maksud dari potongan script di atas adalah setiap .kotak di hover maka gambar didalamnya akan bergerak naik sejauh 238% dari tinggi kotak.

Demikianlah artikel tentang membuat animasi katalog dengan CSS3. semoga bermanfaat.

salam hangat,Mastrayasa

Sumber :

Demo image : https://www.pinterest.com/pin/532128512198057566/