HTML CSS ile Responsive Açılır Menü Yapımı HTML, CSS, jQuery kullanarak resimde de görüldüğü gibi responsive menü yapacağız. Demo yu buradan görüntüleyebilirsiniz. Menü kodlarına ve canlı örneğine buradan ulaşabilirsiniz. HTML Kodları Menünün genel yapısını oluşturuyoruz nav etiketi altında liste etikletleri (ul li) ile menü elemanlarını oluşturalım Menünün açılır olduğunu belirtmek için li etiketine “dropdown” sınıfını ekledim. Açılır menü için […]
Merhaba, daha önce HTML ve CSS ile basit menü yapmıştık, ancak aradan uzun süre geçti bende bu yazımda sizlere Responsive Menü Yapımı `nı anlatmak istedim. Kısa bir süre sonra videolu olarak anlatımını da yapacağım. Aşağıdan demo halini ve kaynak kodları görebilirsiniz. Demo halini görmek için buraya tıklayınız, Codepen halini görmek için buraya tıklayınız. Responsive Menü Nasıl Yapılır ? 1) […]
Merhaba arkadaşlar bu dersimizde CSS3 ile hoş görünümlü bir Dikey menü yapıcaz, başlayalım hemen… CSS3 ile Dikey Menü Yapımı Yapacağımız menünün demo halini görmek için buraya tıklayabilirsiniz. HTML Kodları İlk olarak menü için HTML yapımızı oluşturalım. Aşağıda görmüş olduğunuz gibi ilk olarak “menu” adında bir ul oluşturdum.Daha sonra sırasıyla li > a > i şeklinde yapı oluşturalım. […]
Merhaba arkadaşlar bir önceki CSS3 @keyframes Nedir? Nasıl Kullanılır ? adlı yazımda Keyframes`e giriş yapmıştık bu dersimdede video lu bir şekilde Keyframes ile animasyonlar yapımını anlattım. Not: Video uzamasın diye ön ek eklemedim siz animation-duration, animation-name ve keyframes kodlarına ön ekleri ekleyiniz.(-moz-, -webkit- vs.) İpucu: Kutu Divine şu kodu yazarsak animasyon tekrarlar: animation-iteration-count:infinite; CSS3 @keyframes ile Basit Animasyonlar […]
