Effects

Embossed text

文本浮凸效果

<div class="est-embossed">浮凸文本</div> <div class="est-blind-embossed">浮凸文本</div> <style> .est-embossed {.embossed-text(lightblue, #6699CC); } .est-blind-embossed {.embossed-text(lightblue); } </style>

Debossed text

文本凹陷效果

<div class="est-debossed">凹陷文本</div> <div class="est-blind-debossed">凹陷文本</div> <style> .est-debossed {.debossed-text(lightblue, #6699CC); } .est-blind-debossed {.debossed-text(lightblue); } </style>

3D text

3D文本效果

<div class="est-3d">3D文本</div> <style> .est-3d {.3d-text(#FFF); } </style>

Glow text

文本发光效果

<div class="est-glow">发光文本</div> <style> .est-glow-1 {color: #FFF; .glow-text(10px); } .est-glow-2 {color: #FFF; .glow-text(yellow); } </style>

Blurry text

文本模糊效果

<div class="est-blurry">模糊文本</div> <style> .est-blurry {.blurry-text(#FFF); } </style>