Archive for the ‘ General ’ Category

Diversos efectos CSS y Html en tus links/texto

<span style=”color:#FFFFFF;width:100%;filter:dropshadow(color=#000000,offx=1, offy=1, positive=1), glow(color=#000000, strength=0)”>Efecto borde: Drop Shadow con Glow</span>

<span style=”color:#FFFFFF;height:1; filter:glow(color=#000000)”>Efecto Glow</span>

<span style=”height:1; Filter: Blur(Direction=200, Strength=4)”>Efecto Motion Blur</span>

<span style=”height:1; filter:shadow(color=#666666, direction=230, enabled=1)”>Efecto Drop Shadow</span>

<span style=” height=1; Filter: Mask(Color=#000000)”>Efecto fondo (Mask)</span>

<span style=”height:50; Filter: Wave(Freq=4, Phase=100, Strength=2)”>Efecto Wave</span>

<span style=”width: 357; height: 50; Filter: Alpha(Opacity=100, FinishOpacity=0, Style=1, StartX=0, StartY=0, FinishX=580, FinishY=0)”><b>Efecto Alpha</b></span>

<span style=”width: 300; height: 50; color: red; Filter: FlipV”>Efecto Flip</span>

Decorar texto con la propiedad text shadowDecorar texto con la propiedad text shadow

La propiedad text-shadow de CSS hace lo que su nombre implica: Le permite crear una copia un poco borrosa, ligeramente desplazada del texto, que termina pareciéndose a una sombra del mundo real.

La propiedad text-shadow se introdujo por primera vez en CSS2, pero fue incorrectamente definida en su momento y su implementación tampoco se produjo en CSS2.1. La función se ha vuelto a introducir en CSS3 y se ha incorporado a Firefox 3.5.

Sigue leyendo

Sombras en cajas con box-shadow

Imagen:35days-box-shadow-simple.jpg

Sigue leyendo