实例教程 一款纯css3实现的数字统计游戏

　　今天给大家分享一款纯css3实现的数字统计游戏。这款游戏的规则的是将所有的数字相加等于72。这款游戏的数字按钮做得很美观，需要的时候可以借用下。一起看下效果图：

　　实现的代码。

　　html代码:

1. <h1>  
2.         CSS Counter Game</h1>  
3.     <section>  
4.         <h2>  
5.             Pick the numbers that add up to 72:</h1>  
6.             <input id="a" type="checkbox"><label for="a">64</label>  
7.             <input id="b" type="checkbox"><label for="b">16</label>  
8.             <input id="c" type="checkbox"><label for="c">-32</label>  
9.             <input id="d" type="checkbox"><label for="d">128</label>  
10.             <input id="e" type="checkbox"><label for="e">4</label>  
11.             <input id="f" type="checkbox"><label for="f">-8</label>  
12.             <span class="sum"></span>  
13.     </section>  

　　css3代码：

1. body   
2.         {   
3.             countercounter-reset: sum;   
4.         }   
5.            
6.         #a:checked   
7.         { &n