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

Membuat daftar taxonomy tertentu
Contoh: membuat daftar taxonomy grape-variety dari produk
Slide Horizontal dengan Mouse Scroll
Kode Slide Horizontal dengan Mouse Scroll
inspiradio
Tombol play dan stop audio
Kode untuk membuat tombol play dan stop audio
PAKET LENGKAP PEMBUATAN WEBSITE
Digitalizer menawarkan jasa pembuatan website untuk company profile, toko online, event organizer, lembaga pendidikan ataupun bidang lainnya. Anda tidak perlu memikirkan tentang domain, webhosting/server, DNS, email, desain, development, security serta masalah teknis lainnya. Cukup siapkan content website anda saja, sisanya kami yang mengerjakannya.
Semua paket pembuatan website sudah termasuk maintenance 1 tahun!
HOT LINK!
Kembali ke atas
cross