本demo應(yīng)用了css3 transition animate，若有兼容性問(wèn)題，請(qǐng)升級(jí)你的瀏覽器！
這次先讓大家玩玩！
結(jié)構(gòu)層
ul骰子容器包裹6個(gè)面li；每個(gè)面里面包裹一個(gè)點(diǎn)數(shù)容器div.c-num用于position；最后就是調(diào)點(diǎn)數(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>
延伸閱讀
- ssh框架
2016-09-30
- 阿里移動(dòng)安全 [無(wú)線安全]玩轉(zhuǎn)無(wú)線電——不安全的藍(lán)牙鎖
2017-07-26
- 消息隊(duì)列NetMQ 原理分析4-Socket、Session、Option和Pipe
2024-03-26
- Selective Search for Object Recognition 論文筆記【圖片目標(biāo)分割】
2017-07-26
- 詞向量-LRWE模型-更好地識(shí)別反義詞同義詞
2017-07-26
- 從棧不平衡問(wèn)題 理解 calling convention
2017-07-26
- php imagemagick 處理 圖片剪切、壓縮、合并、插入文本、背景色透明
2017-07-26
- Swift實(shí)現(xiàn)JSON轉(zhuǎn)Model - HandyJSON使用講解
2017-07-26
- 阿里移動(dòng)安全 Android端惡意鎖屏勒索應(yīng)用分析
2017-07-26
- 集合結(jié)合數(shù)據(jù)結(jié)構(gòu)來(lái)看看(二)
2017-07-26
學(xué)習(xí)是年輕人改變自己的最好方式