CSS ve Filitreler
Filtreler: Filtreler ile yazılarınıza ve resimlerinize çeşitli efektler verebilirsiniz. Bu özelliği kullanmak istediğiniz elemanın genişliğini(width) mutlaka belirtin. Bazı filtreler background-color özelliği transparent olarak ayarlanmadıkça çalışmayacaktır.
Filtre |
Argüman |
Açıklama |
Örnek |
alpha |
opacity finishopacity style startx starty finishx finishy |
Elemanın opaklığını ayarlamanızı sağlar |
filter:alpha(opacity=20, finishopacity=100, style=1, startx=0, starty=0, finishx=140, finishy=270) |
blur |
add direction strength |
Elemanın netliğini ayarlamanızı sağlar |
filter:blur(add=true, direction=90, strength=6); |
chroma |
color |
Belirtilen rengi transparan yapar |
filter:chroma(color=#ff0000) |
fliph |
yok |
Elemanı yatay döndürür |
filter:fliph; |
flipv |
yok |
Elemanı dikey döndürür |
filter:flipv; |
glow |
color strength |
Elemana glow efekti verir |
filter:glow(color=#ff0000, strength=5); |
gray |
yok |
Elemanı siyah-beyaz hale getirir |
filter:gray; |
invert |
yok |
Elemanın renklerini ve aydınlığını ters çevirir |
filter:invert; |
mask |
color |
Elemanı belirtilen arkaplan rengyile ve transparan ön plan rengiyle kaplar. |
filter:mask(color=#ff0000); |
shadow |
color direction |
Elemana gölge ekler |
filter:shadow(color=#ff0000, direction=90); |
dropshadow |
color offx offy positiv |
Elemana dropshadow ekler |
filter:dropshadow(color=#ff0000, offx=5, offy=5, positive=true); |
wave |
add freq lightstrength phase strength |
Elemanı dalgalı hale getirir |
filter:wave(add=true, freq=1, lightstrength=3, phase=0, strength=5) |
xray |
yok |
Elemanı ters renk ve aydınlıkla siyah-beyaz hale getirir |
filter:xray; |
Kaynak 66.102.9.104/search