如何创建CSS3动画复选框

html-css022

如何创建CSS3动画复选框,第1张

我们在html5tricks网站上分享过很多的CSS3自定义checkbox，改造过的checkbox确实比默认的漂亮。今天我们要再来分享一款CSS3自定义checkbox，而且这款checkbox还带有动画效果，当你选中checkbox的时候，会以动画的方式打上一个大大的勾。

css3-checkbox-animation

在线演示源码下载

4

本条目发布于六月 11, 2014。属于HTML5应用分类，被贴了 Checkbox、CSS3动画 标签。

热门推荐

超炫酷的HTML5视频播放器

超炫酷的HTML5视频播放器

纯CSS3实现苹果设备 iPhone iPad iMac及iWatch

纯CSS3实现苹果设备 iPhone iPad iMac及iWatch

纯CSS3实现大象走路动画

纯CSS3实现大象走路动画

HTML5/CSS3图片左右切换弹性动画

HTML5/CSS3图片左右切换弹性动画

超绚丽的HTML5地图分布动画

超绚丽的HTML5地图分布动画

纯CSS3绘制的小猫笑脸动画 超呆萌

这个得用Html做的

<form action="" method="get">

您喜欢的水果？<br />

<label><input name="Fruit" type="checkbox" value="0" />苹果 </label>

<label><input name="Fruit" type="checkbox" value="1" />桃子 </label>

<label><input name="Fruit" type="checkbox" value="2" />香蕉 </label>

<label><input name="Fruit" type="checkbox" value="3" />梨 </label>

</form>