Transition pada CSS

   

Selamat pagi, perubahan iklim yang tadinya terang benderang, kemudian mendung dan akhirnya turun hujan. membuat saya terikat akan fungsi transition pada CSS. iiihhhh apa hubungannya coba ? mungkin sama - sama berubah kayak power ranger....
sory garing.....
Transition pada CSS adalah seperti animasi, seperti 1 ke 7 harus melewati 2,3,4,5,6.
kalau warna saat biru mudah ke biru tua. seperti gambar berikut :

Kalau saya biasanya memakainya untuk button yang di kolaborasikan dengan opacity.
apa itu opcity ??
 saya jelaskan di lain hari aja.  yang pasti dengan kolaborasi kedua fungsi CSS ini menjadikan button menjadi interaktif dan responsif.

Transition ada beberapa cara menyeting, berikut adalah macam - macamnya dan anda dapat memilih sesuai kebutuhan  :
1. transition-delay
    adalah pengaturan transition untuk memberikan waktu delay sebelum transisi, dapat diatur dalam satuan second(s) dan ms (milisecond)
2. transition-duration
    adalah pengaturan waktu dari proses transition itu sendiri
3. transition-property
    adalah pengaturan atau pemberian animasi dalam segi width, height, weight dan lainnya
4. transition-timing-function
    adalah tipe transisi, value yang biasanya diberikan berupa ease, ease-in dan lain- lainy7a.

Demikian sedikit gambaran tentang Transition CSS, semoga bermanfaat 😊