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>