本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>