Sabtu, 08 Maret 2014

Decorate Tag ol or ul with Flip and unfold Effect

Salah satu variasi efek yang bisa di pakai dalam urusan dropdown mungkin dengan menggunakan flip effect atau unfold effect! Sebenarnya hanya beda nama, tetapi setelah melihat sama-sama saja ;)) Tag ol or ul dipadukan dengan bumbu² CSS sehingga menghasilkan sebuah efek. Sekarang coba buka halaman berikut untuk contoh www.webdesigncrowd.com/demo/unfolding-menu-2.10.13 Terlihat efek unfolding pada menu ketika menyorot sub-menu! Jika sobat tertarik dengan unfolding menu animation, AA Koben sudah buatkan versi mandiri :D
Save Page As demo tersebut, buka pada Notepad (sejenis) guna melihat kode bumbunya yah :P
Berikut beberapa tutorial serupa yg bisa kalian pelajari:
  1. mintik.com/upload/demolar/2013/06/Drop-Down
  2. mintik.com/upload/demolar/2013/06/Drop-Down-Images
  3. codepen.io/Quelltextfabrik/pen/Efdjc
  4. cssdeck.com/labs/navigation-dropdown-with-flip-effect
  5. www.cssbox.me/2013/05/navigation-dropdown-with-unfold-effect.html
Happy coding \m/

Tidak ada komentar:

Posting Komentar