Beispiele für Filter

Bitte beachten: wenn Sie nicht IE 4.0+ verwenden, können Sie die Filtereffekte nicht sehen.

Alpha Text -- Beispielbild:

Blur Text -- Beispielbild:

Chroma Text -- Beispielbild:

Dropshadow Text -- Beispielbild:

Fliph Text -- Beispielbild:

Flipv Text -- Beispielbild:

Glow Text -- Beispielbild:

Greyscale Text -- Beispielbild:

Invert Text -- Beispielbild:

Light Text -- Beispielbild:

Mask Text -- Beispielbild:

Shadow Text -- Beispielbild:

Wave Text -- Beispielbild:

X-ray Text -- Beispielbild:

	.alpha
	{		
		filter: alpha(Opacity=75,FinishOpacity=15,Style=1);
		width: auto;
		height: auto;
		position: relative;
		}

	.blur
	{		
		filter: blur(Add=1,Direction=90,Strength=10);
		width: auto;
		height: auto;
		position: relative;
		}

	.chroma
	{		
		filter: chroma(Color=#ffff00);
		width: auto;
		height: auto;
		position: relative;
		}

	.dropshadow
	{		
		line-height: 140%;
		filter: DropShadow(Color=#003399,OffX=3,OffY=3,Positive=1);
		width: auto;
		height: auto;
		position: relative;
		}

	.fliph
	{		
		filter: fliph;
		width: auto;
		height: auto;
		position: relative;
		}

	.flipv
	{		
		filter: flipv;
		width: auto;
		height: auto;
		position: relative;
		}

	.glow
	{		
		font: Bold medium;
		filter: glow(Color=#00FF00,Strength=30);
		width: auto;
		height: auto;
		position: relative;
		}

	.greyscale
	{		
		filter: gray;
		width: auto;
		height: auto;
		position: relative;
		}

	.invert
	{		
		filter: invert;
		width: auto;
		height: auto;
		position: relative;
		}

	.light
	{		
		filter: light;
		width: auto;
		height: auto;
		position: relative;
		}

	.mask
	{		
		filter: mask(Color=#009933);
		width: auto;
		height: auto;
		position: relative;
		}

	.shadow
	{		
		font: Bold x-large/140% 'Arial', 'sans-serif';
		color: #FFFF00;
		filter: shadow(Color=#9900FF,Direction=135);
		width: auto;
		height: auto;
		position: relative;
		}

	.wave
	{		
		filter: wave(Add=1,Freq=10,Phase=90,LightStrength=10,Strength=10);
		width: auto;
		height: auto;
		position: relative;
		}

	.x-ray
	{		
		filter: xray;
		width: auto;
		height: auto;
		position: relative;
		}

	DIV
	{		
		font: Bold medium/140% 'Arial', 'sans-serif';
		}
	
	

Bernhard Friedrich

doozer@hsguide.com