İngilizce - Türkçe çeviri (v1.4 yeni)
?İngilizce
HTML & CSS: Effects & Filters
Enhance interfaces with shadows, blending, and filter effects while keeping accessibility and performance in mind.
Use these sparingly to guide focus and add depth.
Box and text shadows
box-shadow: offset-x offset-y blur spread color;
Stack multiple shadows for realistic depth.
text-shadow adds glow or embossed effects.
Note: Offset values move the shadow right/left and up/down; positive numbers go right/down, negative numbers go left/up.
If you want to read more about CSS Shadows or get an in-depth understanding, go to CSS Shadows in our CSS tutorial.
Backdrop filters
backdrop-filter applies blur or saturation to the background of translucent elements.
Common processors: blur(), brightness(), saturate().
Requires semi-transparent background or background-color: rgba(...).
Note: Backdrop filters affect what is behind the element, not the element itself.
Türkçe
HTML ve CSS: Efektler ve Filtreler
Erişilebilirliği ve performansı göz önünde bulundurarak gölgeler, karıştırma ve filtre efektleriyle arayüzleri geliştirin.
Odaklanmayı yönlendirmek ve derinlik katmak için bunları ölçülü kullanın.
Kutu ve metin gölgeleri
box-shadow: offset-x offset-y blur spread color;
Gerçekçi derinlik için birden fazla gölgeyi üst üste koyun.
text-shadow, parlama veya kabartma efektleri ekler.
Not: Ofset değerleri gölgeyi sağa/sola ve yukarı/aşağı hareket ettirir; Pozitif sayılar sağa/aşağıya, negatif sayılar sola/yukarıya gider.
CSS Gölgeleri hakkında daha fazla bilgi edinmek veya derinlemesine anlamak istiyorsanız, CSS eğitimimizdeki CSS Gölgeleri bölümüne gidin.
Arka plan filtreleri
arka plan filtresi, yarı saydam öğelerin arka planına bulanıklık veya doygunluk uygular.
Yaygın işlemciler: blur(), brightness(), saturate().
Yarı saydam arka plan veya background-color: rgba(...) gerektirir.
Not: Arka plan filtreleri, öğenin kendisini değil, öğenin arkasındaki şeyi etkiler.