Pada tulisan kali ini saya akan bermain-main dengan transition property CSS. Saya akan merubah dari objek yang berbentuk kotak sehingga berubah secara perlahan menjadi bentuk bulat. Langsung saja kita praktikan ya shabat. Silahkan sahabat ketikkan script berikut pada file .html sahabat.

Bermain Dengan Properti Transition CSS

Kemudian ketikkan script berikut pada file .css

Bermain Dengan Properti Transition CSS

Sekarang jalankan file .html nya pada browser. Sehingga tampilan outputnya akan menjadi seperti ini.

Bermain Dengan Properti Transition CSS

Kemudian dekatkan kursor pada kotak. Maka secara perlahan objek kotak tersebut akan berubah menjadi bulat seperti ini.

Bermain Dengan Properti Transition CSS