Украсьте текст в своем пространстве: 20 зеркальных эффектов шрифтов CSS

Я увидел в Интернете некоторые эффекты зеркального отображения текста и внезапно почувствовал, что текст в моем пространстве слишком однообразен. Я не спешил его оптимизировать, поэтому сначала разобрался с некоторыми эффектами зеркального отображения текста CSS, потому что оригинальные этого не сделали. иметь CSS-код. Чтобы каждому было проще использовать свою собственную домашнюю страницу, я разбираю ее CSS-код. Теперь вы можете добавить его в свой CSS, чтобы украсить пространство. Эффект следующий:

Соответствующий CSS-код:

1.
фильтр: свечение (цвет = красный, сила = 10); высота: 1
2.
фильтр: размытие (добавить = t, направление = 135, сила = 10); высота: 1
3.
фильтр: progid: DXImageTransform.Microsoft.motionblur(сила=30,добавление=1,направление=135) выравнивание:центр

4.
фильтр: progid: DXImageTransform.Microsoft.wave(Strength=3) align:center
5.
фильтр: progid: DXImageTransform.Microsoft.wave(Strength=3,freq=5) align:center

6.
фильтр: волна (add=t, частота = 5, сила света = 5, фаза = 0, сила = 5);
высота:1
7.
фильтр: тень (цвет = синий); высота: 1
8.
фильтр: dropshadow (цвет = темно-бордовый, положительный = 1)
9.
фильтр: dropshadow (цвет = темно-бордовый, положительный = 0);
10.
фильтр: progid: DXImageTransform.Microsoft.engrave (смещение = 0,5);
высота: 1; размер шрифта: 20pt; семейство шрифтов: воздействие; цвет фона: синий
выровнять: по центру
11.
фильтр: progid: DXImageTransform.Microsoft.emboss (смещение = 0,5);
высота: 1; семейство шрифтов: воздействие; размер шрифта: 20pt; цвет фона: синий
выровнять: по центру
12.
ФИЛЬТР: маска(цвет=#E1E4EC)тень(цвет=#8C96B5,направление=135)цветность(цвет=#E1E4EC)" align:center
13.
ФИЛЬТР: альфа (непрозрачность = 100, финиширование = 0, стиль = 1) тень (цвет = синий, направление = 135) выравнивание: центр
14.
ФИЛЬТР: маска(цвет=#E1E4EC)dropshadow(color=#B4BBCF,offx=-3,offy=-3,positive=1)цветность(color=#E1E4EC) align:center
15.
ФИЛЬТР: свечение(цвет=#8C96B5,сила=2)тень(цвет=#B4BBCF,направление=135) выравнивание:центр
16.
ФИЛЬТР: маска(цвет=#E1E4EC)тень(цвет=#B4BBCF,направление=135)цветность(цвет=#E1E4EC) выравнивание:центр
17.
ФИЛЬТР: свечение(сила=1)маска(цвет=#B4BBCF)цветность(цвет=#B4BBCF) выравнивание:центр
18.

фильтр: флип
19.
фильтр: флипв
20.
ФИЛЬТР: маска свечения(сила=4)(цвет=#E1E4EC)

Просто добавьте код к атрибуту шрифта {}, который вы хотите изменить в CSS. Вы также можете изменить эти коды в соответствии со своими предпочтениями.