本demo应用了css3 transition animate,若有兼容性问题,请升级你的浏览器!

这次先让大家玩玩!

结构层

ul骰子容器包裹6个面li;每个面里面包裹一个点数容器div.c-num用于position;最后就是调点数p的样式了。
复制代码
<ul class="container">
        <li class="lf">
            <div class="c-num">
                <p class="num1"></p>
            </div>
        </li>
        <li class="rt">
            <div class="c-num">
                <p class="num1"></p>
                <p class="num2"></p>
                <p class="num3"></p>
            </div>
        </li>
        <li class="top">
            <div class="c-num">
                <p class="num1"></p>
                <p class="num2"></p>
                <p class="num3"></p>
                <p class="num4"></p>