Üstbilgiler ve altbilgiler Yeni bir sayfa oluştururken temel unsurlar web veya bir blog ya da başka hiçbir şey yoksa bunları mevcut web tasarım standartlarını karşılamak için güncellememiz gerekir. Web sitemizi ziyaret edenlerin genellikle büyük ilgi gösterdiği alanlardır, bu nedenle onlara özen göstermeli ve işlevsel olmanın yanı sıra göze hoş gelmelerini sağlayacak kadar şımartmalıyız.
Bu yüzden paylaşacağız Blogunuzda veya web sitenizde kullanabileceğiniz 29 CSS üstbilgisi ve altbilgisive böylece ona aradığınız kalite noktasını verin. Bu liste, web sitenize başka bir bakış açısı kazandırmak için tam ekran makale başlıklarının yanı sıra standart boyutta, sabit veya sabit başlıklar, alt bilgiler ve bazı video başlıklarından oluşur.
Eğri başlık
Tarafından tanımlanan bir başlık alttaki kavisli stili bu da onu bir web sitesi veya blog için çok özel bir başlık yapar. Bu saf CSS'dir, bu nedenle blogunuza eklerseniz nasıl görüneceğini web aşamalandırmanızda test etmek zaten zaman alıyor.
Başlık resmi Paralaks
Harika bir Paralaks görüntü efektiyle, bu başlık kendini şu şekilde tanımlar: CSS arka plan resmi konumunu kullan. Başlık resmi, harika efekt kodu için sayfanın üst kısmına yerleştirilir.
Başlık sabit açılı
Bu başlık, web sayfasının en üstünde, o çapraz çizgi ile ayırt edin Bu, kullanıcının görüşünün tüm yatayını keser. Arka plan resmine sahip sabit bir başlık oluşturmak için CSS sözde öğelerinin nasıl kullanılabileceğini gösterir.
Eğik başlık
Verilen örnekte karakterize edilen bu başlık için CSS ve HTML bu çapraz çizgi boyunca bu, tüm ekranı bir taraftan diğerine geçer.
SVG animasyonlu başlık
Kullanmasına rağmen çok basit bir başlık kendinizi ayırt etmek için bir SVG animasyonu Bu listede bulunanlardan. Geniş bir web sayfası listesine erişebilirsiniz buradan SVG animasyonları ile.
Div ile sabit başlık
Paralaks görüntü efekti ile, harika efektle öne çıkan sabit bir başlık Fare ile kaydırdıkça geri kalanı kaydırılırken sabit arka plan görüntüsü ile elde edilir.
Paralaks çok katmanlı illüstrasyon
Harika bir sonuç veren başlık Çok katmanlı HTML, CSS ve JavaScript ve bu, video oyunları dünyasıyla ilgili bir web sitesi için mükemmel bir şekilde kullanılabilir. Boyunca harika bitiş.
Sabit gönderi başlığı
HTML, CSS ve JavaScript ile yapılan her gönderi için sabit bir başlık. Aşağı yuvarlandığımız an başlık küçültülmüş ve üstte sabit.
Animasyonlu tam ekran başlığı
Bir animasyon sunan bir başlık yanlamasına hareket eder ve bu izleyici üzerinde rahatlatıcı bir etki yaratır.
Kahraman resmi tam ekran
ile yakınlaştırma efektiolduğunu başlık tam ekran büyük bir özgünlük olarak ortaya çıkar. Ziyaretçinin etrafta dolaşmak için kaydırmayı çok iyi kullanacağı bir web sitesi için mükemmeldir.
Düğmeli Flexbox
Bir düğmeyi görüntülemek için ekranın tüm genişliğini kaplayan bir başlık. Açılış sayfaları için mükemmel CSS flexbox ile.
Flexbox Hero Başlığı
Etkili bir başlık paralaks ve flexbox oldukça basit esas olarak tasarımının zarafeti ile öne çıkıyor.
Kaydırmada Yapışkan Başlık
Adından da anlaşılacağı gibi, sabit bir başlık hareket ederken fareyle kaydırıyoruz Web sayfasının geri kalanını görmek için.
Duyarlı Kaydırma Yapışkan
Menü sayfanın üst kısmına ulaştığında harika bir etkiye sahip başka bir sabit başlık, nedenve o anda sabit kalır ve siteyi kaydırmaya devam edebiliriz.
Üstbilgi Kaydırma
Diğerlerinden farklıdır uygun ve hassas animasyon hareket ettikçe. Sonunda başlık üstte sabit kalır.
Duyarlı Kaydırma Başlığı
İçin başka bir harika animasyon bu başlığı diğerlerinden ayır HTML, CSS ve JavaScript ile.
Üstbilgi Giriş / çıkış
Efekt ile ayırt edilen bir başlık Kaydırdıktan sonra içeri / dışarı ve bu geri tepme hissi yaratır.
Üstbilgi solmaya
Başka bir animasyon efekti meraklı ve çok zarif HTML, CSS ve JavaScript'te.
Gizli başlık
Göre saklanırken farklı bir başlık kaydırmayı bir animasyonla kullanıyoruz fark edilmeyen ama çok kaliteli.
Paralaks altbilgisi
HTML, CSS ve JavaScript ile sabit veya sabit bir altbilgi. Nın-nin gölgeleme ile mükemmel kalite etkisinde.
İçerik ölçekli altbilgi
İçin yüksek kaliteli ve orijinal bir altbilgi ziyaretçiyi şaşırtmak bu web alanını göstermenin zarif yolu için.
Sosyal Medya Altbilgisi
Öne çıkan bir altbilgi sosyal ağlara yönlendiren düğmeler en iyi bilinen. Fare işaretçisini sosyal ağların her birinin üzerine bıraktığınızda oluşan animasyon dikkat çekiyor.
Hareketli mobil altbilgi menüsü
Bu altbilgiyi görüntülemek için web tarayıcısı penceresini küçülterek, 2-3 bölümü bulun kullanıcının bir mobil cihazda bulabileceği. 767px'de görüntülenir.
Altbilgi Basit Düzeltildi
HTML ve CSS ile yapılmış bir çok tantana ve fırfırlar içermeyen basit altbilgi.
React Video Başlığı
Bir başlık basit video React.js.
Video Başlığı
diğer basit videolu başlık ve çok kaliteli.
Mix-Blend ile Tam Ekran Video Başlığı
Göster tam ekran video katmanda metinle karıştırarak harmanlama modunu kullanarak.
Video Üstbilgi animasyonu
Animasyon Adobe After Effects ile özelleştirildi tüm tarayıcılarla uyumlu olması için. Mobil cihazlarda çalışmıyor.
Gradyanlı duyarlı video başlığı
El gradyan göze çarpan şeydir geri kalanından bu video başlığına.
Hepsi beni ikna etti. Teşekkürler
Rica ederim!