スペース内のテキストを美しくする: 20 個の 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.
フィルター:wave(add=t、freq=5、lightstrength=5、phase=0、strength=5);
高さ:1
7.
フィルタ:影(色=青);高さ:1
8.
フィルター:ドロップシャドウ(カラー=マルーン、ポジティブ=1)
9.
フィルター:ドロップシャドウ(色=マルーン、ポジティブ=0);
10.
フィルター:progid:DXImageTransform.Microsoft.engrave(bias=0.5);
高さ:1;フォントサイズ:20pt;フォントファミリー:インパクト;背景色:青
整列:中央
11.
フィルター:progid:DXImageTransform.Microsoft.emboss(bias=0.5);
高さ:1;フォントファミリー:インパクト;フォントサイズ:20pt;背景色:青
整列:中央
12.
フィルター: マスク(color=#E1E4EC)shadow(color=#8C96B5,direction=135)chroma(color=#E1E4EC)" align:center
13.
フィルタ: alpha(opacity=100,finishiopacity=0,style=1)shadow(color=blue,direction=135) align:center
14.
フィルタ: マスク(color=#E1E4EC)dropshadow(color=#B4BBCF,offx=-3,offy=-3,positive=1)chroma(color=#E1E4EC) align:center
15.
フィルター: グロー(色=#8C96B5、強度= 2)影(色=#B4BBCF、方向=135) 整列:中心
16.
フィルター: マスク(color=#E1E4EC)shadow(color=#B4BBCF,direction=135)chroma(color=#E1E4EC) align:center
17.
フィルター: グロー(強さ= 1)マスク(カラー=#B4BBCF)クロマ(カラー=#B4BBCF) 整列:中央
18.

フィルタ:フリップ
19.
フィルタ:flipv
20.
フィルター: グロー(強さ= 4)マスク(色=#E1E4EC)

CSS で変更したいフォント属性 {} にコードを追加するだけです。好みに応じてこれらのコードを変更することもできます。