Beberapa Efek Simple CSS3 Transitions

Hallo teman-teman DUMET School, pada tutorial kali ini saya akan berbagi tips sedikit tentang beberapa efek Simple CSS 3 Transitions yang dapat membuat pengunjung website kalian betah berlama-lama di website kalian. CSS 3 Transitions adalah sebuah efek yang berfungsi untuk membuat sebuah animasi sederhana pada elemen yang di berikan efek transitions tersebut. Dengan menggunakan efek transitions ini kita dapat membuat seolah-olah website kita hidup. Nah fungsi transitions ini di bagi menjadi 4  yaitu durasi, property, timming function, dan delay. Berikut adalah syntax dari CSS 3 transitions ini :

Nah di bawah ini saya akan berbagi sedikit beberapa efek CSS 3 Transitions yang sederhana tetapi wow.

Inset Border

Color

Fade In

Grow

Rotate

Shadow

Shrink

To Circle