Css3 - transition


Css3 - transition

Dengan menggunakan transition itu Kita dapat mengubah Nilai dari properti html secara halus 


Transition:

<Properti> <durasi> <fungsi> <delay>

Untuk durasi itu wajib Dan durasi nya miss s / ms. 

Contoh penggunaan {
transition: 1s;
}

Animatable properties

background-color ,background-position,background-size,Border,Color,filter,font-size, line-height,top left bottom right,margin padding, opacity, tranform, word-spacing, letter-spacing,

Non animatable animation

font-family,display,position

Contoh {
transition:margin-left 1s;
}




Fungsi:


ease

ease-in

ease-out

ease-in-out

linear

cubic-bezier(w,x,y,z)


Contoh {
transition:margin-left 1s ease;
transition: margin-left 1s cubic-bezier(0.24,-0.20,0.78,1.46);
}



Delay :

Artinya jalankan transition ini setelah nunggu beberapa detik 

Contoh penggunaan {
transition: 1s 5s;
}

Komentar

Postingan populer dari blog ini

ethical hacking part 14 membuat malware Trojan

CSS layouting - box model: CSS reset

ethical hacking part 3 reconnaissance & information gethering