基于css3属性绘制打开盒子里的猫和老鼠动画场景。
使用方法
1、head引入css文件
<link rel="stylesheet" href="css/style.css">2、body引入HTML代码
<input type="checkbox" id="check" class="checkboxer"> <label class="container" for="check"> <div class="box-wiggle"> <div class="box"> <div class="box-flap box-flap-left"></div> <div class="box-flap box-flap-right"></div> <div class="box-arrow"></div> </div> <div class="jasp"> <div class="jasp-ear jasp-ear-left"></div> <div class="jasp-ear jasp-ear-right"></div> <div class="jasp-head"> <div class="jasp-head-lower"></div> </div> <div class="jasp-face"> <div class="jasp-eye jasp-eye-left"></div> <div class="jasp-eye jasp-eye-right"></div> <div class="jasp-snoot"></div> <div class="jasp-whisker jasp-whisker-left"></div> <div class="jasp-whisker jasp-whisker-right"></div> </div> <div class="jasp-body"></div> </div> </div> <div class="mouse"> <div class="mouse-ear"></div> </div> </label>