RAZEE48./

✯ Living The Dream ✯

Haayyy :v
Im come back sayangku :* #mahomodeon

Wkwkwkw udah ah gausah lebay ye , ok sesuai judul post ini gw mau ngejelasin tentang Pengertian CSS Transition Tau CSS Transition kaga ? masa ga tau ye .. padahal banyak di pake loh..

Efek dari CSS Transition itu jadi kaya untuk ngatur waktu pada perubahan CSS tersebut mblo..
Jadi misal nya ada css kotak , trus mau berubah warna nya dari warna item jadi ke warna merah , nanti ga langsung berubah dalam sekejap , pake transition ini jadi ada sedikit waktu nya gitu . Ga ngerti yak ?
Langsung cekibrot ajalah kalo kaga ngerti

Without Transition

.RzKotak1 { width:250px;

height:150px; background:#555; margin:0 auto; color:#f03; text-align:center; font-family:Megrim;font-size: 25px;

line-height: 150px;

} .RzKotak1:hover { background:#f03;color:#333;}

With Transition

.RzKotak2 { width:250px; height:150px; background:#f03; margin:0 auto; -webkit-transition:all 0.8s ease-in-out; -moz-transition:all 0.8s ease-in-out; -o-transition:all 0.8s ease-in-out; transition:all 0.8s ease-in-out; color:#333; text-align:center; font-family:Megrim;font-size: 25px;

line-height: 150px; } .RzKotak2:hover { background:#555;color:#f03;}

 Nah gimana ? bisa liat kan perbedaan yang pake transition sama yang kaga pake ?
Jadi gimana yak , inti nya kalo pake transition itu jadi kaya bertahap berubah nya gitu..

Yaudehlah semoga ngerti yak wkwkwkw :p
See you mbloo ~