CSS3D之实现动态字

思路：用::befor伪元素生成用于3D翻转的字体

实现起来挺简单的：

1. 新建5个div，每个div分别对应5个字体
2. 用::befor生成用于翻转的字体，并用absolute，以及z-index控制生成字体的位置
3. 当元素被:hover时，就进行3D翻转

实现起来挺简单的，下面直接上源码：

    <div id="warp">
        <div data-descr="前">前</div>
        <div data-descr="端">端</div>
        <div data-descr="小">小</div>
        <div data-descr="学">学</div>
        <div data-descr="生">生</div>
    </div>

    
    <style>
        #warp {
            margin: 100px auto;
            font-size: 80px;
            color: #005aa0;
            text-align: center;
        }

        #warp div {