文本浮凸效果
<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>
文本凹陷效果
<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文本效果
<div class="est-3d">3D文本</div> <style> .est-3d {.3d-text(#FFF); } </style>
文本发光效果
<div class="est-glow">发光文本</div> <style> .est-glow-1 {color: #FFF; .glow-text(10px); } .est-glow-2 {color: #FFF; .glow-text(yellow); } </style>
文本模糊效果
<div class="est-blurry">模糊文本</div> <style> .est-blurry {.blurry-text(#FFF); } </style>