[Cascading Style Sheets]
[Página prévia] [Próxima página] [Seção página de conteúdo]
Amostras de Filtros
Note: unless you are using IE 4.0+, you will not see the filter effects.

Alpha text -- Image sample: Image sample:

Blur text -- Image sample:

Chroma text -- Image sample:

Dropshadow text -- Image sample:

Fliph text -- Image sample:

Flipv text -- Image sample:

Glow text -- Image sample:

Greyscale text -- Image sample:

Invert text -- Image sample:

Light text -- Image sample:

Mask text -- Image sample:

Shadow text -- Image sample:

Wave text -- Image sample:

X-ray text -- Image sample:

Folha de Estilo Usada para as Amostras:





	.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';

		}

	

	
[Página prévia] [Próxima página] [Seção página de conteúdo]

Robert Crooks, English Department, Bentley College
[envelope] rcrooks@bentley.edu