首页 > 开发 > CSS > 正文

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

2024-07-11 08:30:21
字体:
来源:转载
供稿:网友

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

  实现的代码。

  html代码:

XML/HTML Code复制内容到剪贴板
  1. <h1>           CSS Counter Game</h1>  
  2.     <section>           <h2>  
  3.             Pick the numbers that add up to 72:</h1>               <input id="a" type="checkbox"><label for="a">64</label>  
  4.             <input id="b" type="checkbox"><label for="b">16</label>               <input id="c" type="checkbox"><label for="c">-32</label>  
  5.             <input id="d" type="checkbox"><label for="d">128</label>               <input id="e" type="checkbox"><label for="e">4</label>  
  6.             <input id="f" type="checkbox"><label for="f">-8</label>               <span class="sum"></span>  
  7.     </section>  

  css3代码:

CSS Code复制内容到剪贴板
  1. body            {   
  2.             countercounter-reset: sum;            }   
  3.                     #a:checked   
发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表