Menerapkan Efek Transisi dan Rotate Pada Menu

13/12/2014    Rully Febrian    1517     Website

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

No data.

Cara Cepat Pintar Membuat Website, Tanpa Perlu Basic IT

Membuat website perusahaan, portal berita, blog, katalog online, dan e-commerce.

Learn More

Cara Cepat Pintar Membuat Website, Tanpa Perlu Basic IT

Membuat website perusahaan, portal berita, blog, katalog online, dan e-commerce.

Learn More