jQuery ile Scroll ve Arkaplan İlişkisi

jQuery‘nin scrollTop tanımı ile birlikte web sayfalarındaki kaydırma çubuğununun seviyesini numerik olarak yakalayabiliyoruz. Hal böyleyken bu yapıyı niye CSS3 ile ilişkilendirip şık tasarımlar hazırlamayalım ki?

Bu dersimizde aşağıya scroll edildikçe büyüyen ve bulanıklaşan arkaplan tasarımı yapacağız. İşlevsellik yükünü jQuery, tasarım yükünü de CSS sırtlayacak. Hazırsanız başlayalım.

ÖRNEĞİ GÖRÜNTÜLE

(daha&helliip;)

Devamını Oku


CSS ile Sayfa Yığını

Bugüne kadar CSS ile çok fazla şey yaptık. Fakat bu teknik benim en beğendiklerimden biri.

Son birkaç yazımda olduğu gibi bunda da :after ve :before kodlarıyla objemizin her iki yanına çizimler oluşturuyoruz.Ayrıca bu sefer transform da kullanacağız.

Makalenin tanıtım görseli boyutu dolayısıyla pek açıklayıcı gözükmemekte. O yüzden tavsiyem “Örneği Görüntüle” kutusunu tıklamanız yönünde olacaktır.

ÖRNEĞİ GÖRÜNTÜLE

(daha&helliip;)

Devamını Oku