本demo應用了css3 transition animate,若有兼容性問題,請升級你的瀏覽器!

這次先讓大家玩玩!

結構層

ul骰子容器包裹6個面li;每個面里面包裹一個點數(shù)容器div.c-num用于position;最后就是調點數(shù)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>