Embellece el texto en tu espacio: 20 efectos de espejo de fuente CSS

Autor：Eve Cole Fecha de actualización：2009-06-12 17:54:30

Vi algunos efectos de duplicación de texto en Internet y de repente sentí que el texto en mi espacio era demasiado monótono. No tenía prisa por optimizarlo, así que primero solucioné algunos efectos de duplicación de texto CSS, porque los originales no. tiene código CSS. Para que sea más fácil para todos usar su propia página de inicio espacial, clasifico su código CSS. Ahora puedes agregarlo a tu CSS para embellecer el espacio.

Los efectos son los siguientes:

fuente CSS

20 tipos de efectos de duplicación de fuentes CSS

tipos de

efectos de duplicación de fuentes CSS 20 tipos de efectos de duplicación de fuentes CSS 20 tipos de efectos de duplicación de fuentes CSS

20 tipos de efectos de duplicación de fuentes CSS

20 tipos de efectos de espejo de fuente CSS

20 tipos de

efectos de espejo de

tipos de efectos de espejo de fuente CSS 20 tipos de efectos de espejo de fuente CSS

20 tipos de efectos de espejo de fuente CSS 20 tipos de efectos de espejo de fuente CSS

20 tipos de efectos de espejo de fuente CSS

20 tipos de Efectos de duplicación de fuentes CSS

20 tipos de efectos de duplicación de fuentes CSS

20 tipos de efectos de duplicación de fuentes CSS 20 tipos de efectos de duplicación de fuentes CSS

ilusiones

El código CSS correspondiente es:

1.
filtro: brillo (color = rojo, intensidad = 10); altura: 1
2.
filtro: desenfoque (agregar = t, dirección = 135, fuerza = 10); altura: 1
3.
filtro:progid:DXImageTransform.Microsoft.motionblur(fuerza=30,añadir=1,dirección=135) alinear:centro

4.
filtro:progid:DXImageTransform.Microsoft.wave(Fuerza=3) alineación:centro
5.
filtro:progid:DXImageTransform.Microsoft.wave(Fuerza=3,freq=5) alineación:centro

6.
filtro: onda (agregar = t, frecuencia = 5, intensidad de la luz = 5, fase = 0, intensidad = 5);
altura: 1
7.
filtro:sombra(color=azul);alto:1
8.
filtro: sombra paralela (color = granate, positivo = 1)
9.
filtro: sombra paralela (color = granate, positivo = 0);
10.
filtro:progid:DXImageTransform.Microsoft.engrave(bias=0.5);
altura: 1; tamaño de fuente: 20 puntos; familia de fuentes: impacto; color de fondo: azul
alinear:centro
11.
filtro:progid:DXImageTransform.Microsoft.emboss(bias=0.5);
altura: 1; familia de fuentes: impacto; tamaño de fuente: 20 puntos; color de fondo: azul
alinear:centro
12.
FILTRO: máscara(color=#E1E4EC)sombra(color=#8C96B5,dirección=135)croma(color=#E1E4EC)" alineación:centro
13.
FILTRO: alfa(opacidad=100,finishiopacidad=0,estilo=1)sombra(color=azul,dirección=135) alineación:centro
14.
FILTRO: máscara(color=#E1E4EC)sombra paralela(color=#B4BBCF,offx=-3,offy=-3,positivo=1)croma(color=#E1E4EC) alineación:centro
15.
FILTRO: brillo(color=#8C96B5,fuerza=2)sombra(color=#B4BBCF,dirección=135) alineación:centro
16.
FILTRO: máscara(color=#E1E4EC)sombra(color=#B4BBCF,dirección=135)croma(color=#E1E4EC) alineación:centro
17.
FILTRO: resplandor (intensidad = 1) máscara (color = #B4BBCF) croma (color = #B4BBCF) alineación: centro
18.

filtro: voltear
19.
filtro: flipv
20.
FILTRO: resplandor(fuerza=4)máscara(color=#E1E4EC)

Simplemente agregue el código al atributo de fuente {} que desea cambiar en CSS. También puedes modificar estos códigos según tus propias preferencias.