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. O efeito é o seguinte:
20 efeitos de espelho de fonte CSS |
20 efeitos de espelho de fonte CSS |
20 efeitos de espelho de fonte CSS |
20 efeitos de espelho de fonte CSS |
20 efeitos de espelho de fonte CSS |
20 efeitos de espelho de fonte CSS |
20 efeitos de espelho de fonte CSS |
20 efeitos de espelho de fonte CSS |
20 efeitos de espelho de fonte CSS |
20 efeitos de espelho de fonte CSS |
20 efeitos de espelho de fonte CSS |
20 efeitos de espelho de fonte CSS |
20 efeitos de espelho de fonte CSS |
20 efeitos de espelho de fonte CSS |
20 efeitos de espelho de fonte CSS |
20 efeitos de espelho de fonte CSS |
20 efeitos de espelho de fonte CSS |
20 tipos de efeitos de espelhamento de fontes CSS 20 tipos de efeitos de espelhamento de fontes 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: brilho(força=4)máscara(cor=#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.