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.
Loading...@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);
}