Bild überblenden


<img src="dat/3.jpg" style="filter:Alpha(opacity=100, finishopacity=0, style=2)" border="0" width="300" alt="">

 

Blur - Schrift

Text mit Blur-Effekt

<div style="width:100%; padding:20px; font-size:56px; color:red; filter:Blur(direction=235, strength=6)">Text mit Blur-Effekt</div>
Beispiel: filter:Blur(direction=0, 45, 90, 135, 180, 225, 270, 315, strength=6, 30)

 

Schrift verwischen

Text mit Blur-Effekt

<p style="width:100%; padding:20px; font-size:56px; color:red; FILTER: blur(strength=50, direction=90); WIDTH: 100%">Text mit Blur-Effekt</p>

 

Text mit Schatten

Text mit Schatten

<div style="width:100%; font-size:64px; color:magenta; filter:Shadow(color=#000000, direction=135)"> Text mit Schatten</div>
Beispiel: filter:Shadow(direction=0, 45, 90, 135, 180, 225, 270, 31)

 

Wave-Text

Wave-Text

<div style="width:100%; font-size:74px; font-weight:900; color:magenta; filter:Wave(freq=5, lightstrength=20, phase=50, strength=6) Shadow(color=#808080, direction=135);">Wave-Text</div>

 

Bild FlipH + V


<img src="dat/3.jpg" style="filter:FlipH()" border="0" width="300" alt="">
<img src="dat/3.jpg" style="filter:FlipV()" border="0" width="300" alt="">

 

Glühender Text

Glühender Text

<div style="width:100%; padding:20px; font-size:56px; color:red; filter:Glow(color=#000000, strength=12)">Glühender Text</div>

 

Gray - (Graustufen)


<img src="dat/3.jpg" style="filter:Gray()" border="0" width="300" alt="">

 

Bild-Maske

Original
Maske

<img src="dat/1.gif" style="filter:Mask(color=#000066)" border="0" width="300" alt="">

 

Invertieren


<img src="dat/3.jpg" style="filter:Invert()" border="0" width="300" alt="">

 

XRay (Fotonegativ-Effekt)


<img src="dat/3.jpg" style="filter:XRay()" border="0" width="300" alt="">