悬停时每个字依次翻转 360 度，像翻牌一样
← 返回 文字 类特效列表上方为纯 CSS 实时演示，直接将鼠标移上去 / 点击感受效果
.fx .cf{text-align:center;font-size:40px;font-weight:800;margin:56px 0;perspective:300px}
.fx .cf span{display:inline-block;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.34,1.56,.64,1)}
.fx .cf:hover span{transform:rotateX(360deg)}
.fx .cf span:nth-child(2){transition-delay:.08s}
.fx .cf span:nth-child(3){transition-delay:.16s}
.fx .cf span:nth-child(4){transition-delay:.24s}
.fx .cf span:nth-child(5){transition-delay:.32s}
.fx .cf span:nth-child(6){transition-delay:.4s}<div class="fx">
<div class="cf"><span>3</span><span>D</span><span>翻</span><span>转</span><span>文</span><span>字</span></div>
</div>