Merhabalar,
Bu yazımda Html ve Css kullanarak nasıl fare ile üzerine gelindiğinde açılan buton yaparsınız bundan bahsedeceğim. Bu tür butonlara Hoverable Dropdown'da deniyor bence güzel bir yazı olacak umarım sizde beğenirsiniz.
Bu kodları, fare ile butonumuzun üzerine gelindiğinde butonumuzun alt tarafına doğru seçenekler açılacak şekilde yazacağım.
Hadi başlayalım;
Yukarıdaki Html kodlarımızda buton etiketimizin içine fare ile üzerine gelindiğinde açılacak seçeneklerin metinlerini ve yönlendirme URL'lerini belirliyoruz.
Butonların üzerindeki yazılar vb. metin alanlarını kendinize göre düzenleyebilirsiniz.
Evet buradaki Css kodumuz ile butonumuzun görsel özelliklerini butonumuzun alt seçeneklerinin görsel ve işlevsel özelliklerini belirliyoruz. Css ile yapacağımız temel işlerde bu kadar.
İnceleyebilmeniz için Codepen üzerinden de size yapılan işlemi bırakayım.
See the Pen Untitled by Hüseyin Çınar (@huseyin-cinar) on CodePen.
Evet sizde bu şekilde test edebilirsiniz. Umarım işinize yarar.
Mutlu Kodlamalar :)
