Kutay Utku | "Kutay Utku'in Projeleri Ve Notları"

Web sitelerinde kullanıcı deneyimini artırmak için görsel geçişler ve animasyonlar oldukça önemlidir. Sayfa aşağı kaydırıldıkça içeriklerin yavaşça yukarıdan belirerek görünmesi, hem profesyonel bir hava katar hem de kullanıcıyı içerikte tutar. Bu tür animasyonlar özellikle: Blog içeriklerinde Ürün tanıtım sayfalarında Hizmet açıklamalarında Referans ya da portfolyo sunumlarında güçlü bir etki bırakır. Bu yazıda, sadece HTML, CSS ve saf JavaScript kullanarak scroll (kaydırma) ile yukarıdan belirerek görünen kutular nasıl yapılır, adım adım öğreneceğiz. 🧩 Gerekli Kodlar ve Yapı 1. CSS Kodları (style.css) İlk olarak, kutuların animasyonla görünmesini sağlayacak CSS kodlarını style.css dosyanıza ekleyin: .box { width: 300px; margin: 100px auto; padding: 40px; background: #2196f3; color: white; ...

WordPress'teki bir sayfa veya yazının ID'sini bulmak ve bu ID'yi kullanarak CSS ile stil uygulamak, sitenizin tasarımını kişiselleştirmenin ve özelleştirmenin mükemmel bir yoludur. Bu yöntem, her sayfada veya yazıda farklı bir stil uygulayarak site tasarımınızı daha dinamik ve hedeflenmiş hale getirmenize olanak tanır. Özellikle belirli bir sayfada veya yazıda görsel değişiklikler yapmak istiyorsanız, CSS ile yalnızca o sayfa veya yazıya özgü stil ekleyebilirsiniz. WordPress, her sayfa ve yazıya kendine özgü bir ID atar. Bu ID'yi kullanarak, sadece o yazı veya sayfa için belirli bir stil uygulamak mümkün olur. Örneğin, yalnızca "Hakkımızda" sayfası için bir stil değişikliği yapmak istiyorsanız, o sayfanın ID'sine...