Embeleze o texto em seu espaço: 20 efeitos de espelho de fonte CSS

Autor：Eve Cole Data da Última Atualização：2009-06-12 17:54:30

Vi alguns efeitos de espelhamento de texto na Internet e de repente senti que o texto em meu espaço era muito monótono. Não tinha pressa em otimizá-lo, então resolvi primeiro alguns efeitos de espelhamento de texto CSS, porque os originais não. tem código CSS. Para tornar mais fácil para todos usarem sua própria página inicial do espaço, eu classifico seu código CSS. Agora você pode adicioná-lo ao seu CSS para embelezar o espaço.

Os efeitos são os seguintes:

espelho de fonte CSS

20 tipos de efeitos de espelhamento de fonte CSS

tipos de

efeitos de espelhamento de fonte CSS 20 tipos de efeitos de espelhamento de fonte CSS 20 tipos de efeitos de espelhamento de fonte CSS

20 tipos de efeitos de espelhamento de fonte CSS

20 tipos de

efeitos de

tipos de efeitos de espelho de fonte CSS 20 tipos de efeitos de espelho de fonte CSS

20 tipos de efeitos de espelho de fonte CSS 20 tipos de efeitos de espelho de fonte CSS

20 tipos de efeitos de espelho de fonte CSS

20 tipos de Efeitos de espelho de fonte CSS

20 tipos de efeitos de espelho de fonte CSS

20 tipos de efeitos de espelhamento de fonte CSS

20 tipos de efeitos de espelhamento de fonte CSS 20 tipos de efeitos de espelhamento de fonte CSS

pensamento positivo

O código CSS correspondente é:

1.
filtro: brilho (cor = vermelho, força = 10); altura: 1
2.
filtro: desfoque (adicionar = t, direção = 135, força = 10); altura: 1
3.
filtro:progid:DXImageTransform.Microsoft.motionblur(força=30,add=1,direção=135) alinhar:centro

4.
filter:progid:DXImageTransform.Microsoft.wave(Força=3) alinhar:centro
5.
filter:progid:DXImageTransform.Microsoft.wave(Força=3,freq=5) alinhar:centro

6.
filtro: onda (adicionar = t, frequência = 5, intensidade da luz = 5, fase = 0, intensidade = 5);
altura:1
7.
filtro: sombra (cor = azul); altura: 1
8.
filtro:dropshadow(cor=marrom,positivo=1)
9.
filter:dropshadow(cor=marrom,positivo=0);
10.
filter:progid:DXImageTransform.Microsoft.engrave(bias=0.5);
altura: 1; tamanho da fonte: 20pt; família da fonte: impacto; cor de fundo: azul
alinhar:centro
11.
filter:progid:DXImageTransform.Microsoft.emboss(bias=0.5);
altura: 1; família da fonte: impacto; tamanho da fonte: 20pt; cor de fundo: azul
alinhar:centro
12.
FILTRO: máscara(cor=#E1E4EC)sombra(cor=#8C96B5,direção=135)croma(cor=#E1E4EC)" alinhar:centro
13.
FILTRO: alfa(opacidade=100,acabamentopacidade=0,estilo=1)sombra(cor=azul,direção=135) alinhar:centro
14.
FILTRO: máscara(color=#E1E4EC)dropshadow(color=#B4BBCF,offx=-3,offy=-3,positivo=1)croma(color=#E1E4EC) alinhar:centro
15.
FILTRO: brilho(cor=#8C96B5,força=2)sombra(cor=#B4BBCF,direção=135) alinhar:centro
16.
FILTRO: máscara(color=#E1E4EC)sombra(color=#B4BBCF,direção=135)croma(color=#E1E4EC) alinhar:centro
17.
FILTRO: brilho(força=1)máscara(cor=#B4BBCF)croma(cor=#B4BBCF) alinhar:centro
18.

filtro:flip
19.
filtro: flipv
20.
FILTRO: glow(strength=4)mask(color=#E1E4EC)

Basta adicionar o código ao atributo de fonte {} que você deseja alterar em CSS. Você também pode modificar esses códigos de acordo com suas preferências.