Membuat Transition Rotate

Halo Teman - Teman apa kabar semuanya? baik baik saja ya . kali ini saya akan membahas bagaimana caranya membuat sebuah object yang berputar dengan menggunakan Transition dan transform rotate . berikut demonya :

See the Pen oqJrk by Dumet_School (@dumet_school) on CodePen.

Transition : berfungsi untuk memungkinkan elemen untuk merubah gaya ke gaya yang lain secara bertahap dan juga memberikan waktu sebelum efek transisi dimulai. nilai yang biasa di berikan bisa memiliki ukuran  second dan milisecond

webkit - moz - o : adalah browser yg mensupport di code tersebut .

webkit : browser safari dan chrome

moz : mozilla

o : opera

transform : secara default titik dari object itu berada di tengah tengah elemen. fungsi dari transform adalah menerapkan transform 2d atau 3d dalam bentuk berputar dan lain lain

okay mudah ya untuk membuatnya. sampai bertemu lagi di artikel berikutnya dan semoga bermanfaat. Terimakasih :D