Efek membesar CSS

Kode CSS ini untuk meng-animasikan pembesaran elemen yang menggunakan class grow.
Share:
1 Star2 Stars3 Stars4 Stars5 Stars (No Ratings Yet)
Loading...
Updated: 28 Desember 2021

Kode CSS ini untuk meng-animasikan pembesaran elemen yang menggunakan class grow. Kode ini pernah saya pakai untuk diterapkan pada sebuah kata "Grow" pada saat mendesain website PT. JIA (www.jiadreams.com) agar visitor lebih mudah menangkap pesannya, walaupun akhirnya dihilangkan kembali atas permintaan pemiliknya.

@keyframes growing { 
	0% { 
		transform: scaleY(.1); 
		transform-origin:bottom left; 
	} 
	100% { 
		transform: scaleY(1); 
		transform-origin:bottom left; 
	} 
}
.grow { 
	animation: 7s linear growing; 
	transform: scaleY(1); 
}

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *

Artikel Terkait Lainnya
Menambah CLASS setelah halaman terbuka
Potongan kode javascript ini untuk menambahkan class pada suatu element setelah halaman selesai halaman terbuka / meload DOM. Salah satu […]
Baca selengkapnya....
Menu Navigasi
Kode (Function) untuk memunculkan daftar menu pada WordPress
Baca selengkapnya....
Menonaktifkan Notifikasi Auto Update Plugin
Menambahkan class active pada navigasi aktif dengan jQuery
Potongan kode untuk menambahkan class active pada menu navigasi yang aktif.
Baca selengkapnya....
Membatasi jumlah kata pada kutipan (excerpt) artikel
Kode untuk membatasi jumlah kata pada kutipan (excerpt) artikel
Baca selengkapnya....
Kembali ke atas
logo digitalizer
© 2011 - 2022 Digitalizer My ID - Allright Reserved
cross