Menerapkan Efek Transisi dan Rotate Pada Menu

Hover merupakan teknik CSS yang paling populer digunakan untuk membuat website lebih menarik. Banyak sekali tutorial yang membahas tentang teknik hover dengan menggunakan css ini. Sedikit berbeda pada latihan kali ini, kita akan menerapkan fungsi transisi dan rotate. Dimana fungsi rotate ini akan diberikan kepada ikon yang terdapat pada menu.  EFek ini sangat kompleks namun sederhana dan mudah dipelajari.

Silakan lihat hasil dan kode HTML dan CSSnya dibawah ini :

.

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

Menarik bukan, Teknik ini dapat diterapkan pada menu vertikal ataupun horizontal. Silakan copy dan simpan kode diatas untuk mempermudah dalam membuat efek hover yang keren dan menarik perhatian. Terimakasih