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>
3D文本

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>
模糊文本