INVERT : Nesnenin renk ve parlaklık değerlerini tersine çevirir. Kullanılışı :
Filter: invert
<div class="katman7" style="position: absolute; Filter: invert">
<img src="http://tasarimk.kolayweb.com/resimler/menulogo.gif">
</div>
Örneği Görüntülemek için Tıklayın
MASK : Bir resimdeki transparan alanları belirli bir renkte boyayarak diğer görülebilen alanları transparan yapar. Kullanılışı :
Filter: mask(color=xxx)
<div class="katman8" style="font-size: 100px; color: red; position: absolute; Filter: mask(color=red)">
KATMAN 8
</div>
Örneği Görüntülemek için Tıklayın
SHADOW : Nesneye istediğinz renkte gölge verir. Kullanılışı :
Filter: Shadow(color=xxx, Direction=xxx)
Direction= Saat yönünde açısal değerler alır. 45 derecenin katları şeklinde açısal değerlere sahip olabilir.
<div class="katman9" style="font-size: 100px; color: red; position: absolute; Filter: Shadow(color=blue, Direction=45)">
KATMAN 9
</div>
Örneği Görüntülemek için Tıklayın
WAVE : Dalgalanma efekti verir. Kullanılışı :
Filter: Wave(Add=xxx, Freq=xxx, LightStrength=xxx, Phase=xxx, Strength=xxx)
Add= Sıfır haricinde sayısal değerler dalgalandırılmış nesneyi orjinal nesneye ekler.
Freq= Dalgaların sayısal frekansını belirler.
LightStrength= Dalganın üzerindeki ışığın gücünü belirler. 0-100 arası değerler alır.
Phase= Dalganın nesneden kaç piksel öteden başlayacağını belirler.
Strength= Dalga efektinin gücünü belirler.
<div class="katman10" style="font-size: 100px; color: red; position: absolute; Filter: Wave(Add=0, Freq=1, LightStrength=100, Phase=0, Strength=30)">
KATMAN 10
</div>
Örneği Görüntülemek için Tıklayın
XRAY : Nesnenin renk derinliğini yok ederek sadece siyah-beyaz olarak görünmesini sağlar. Kullanılışı :
Filter: Xray
<div class="katman11" style="position: absolute; Filter: Xray">
<img src="http://tasarimk.kolayweb.com/resimler/menulogo.gif">
</div>
Örneği Görüntülemek için Tıklayın
GLOW : Nesnenin etrafında bir hare oluşturur. Kullanılışı :
Filter: Glow(color=xxx, Strength=xxx)
Strength= Efektin genişliğini veya gücünü belirler. 1-255 arası değer alır.
<div class="katman12" style="font-size: 100px; color: red; position: absolute; Filter: Glow(color=blue, Strength=11)">
KATMAN 12
</div>
Örneği Görüntülemek için Tıklayın
Gördüğünüz gibi hiçbir grafik programı kullanmadan gayet başarılı efektler yapabiliyoruz. Bu sayfanın en üstündeki Tasarım Kursu logosununda Blur filtresi ile yapıldığını hatırlatırım. Bu efektleri Netscape`in desteklememesi çok yazık. Bu yüzden yaptığınız efektlerin Netscape`de çok kötü çıkmamasına dikkat edin.