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

Yorumunuzu Ekleyin


Yükleniyor...
Yükleniyor...