简单的css实现的特效

点赞动画

注意点：

1. 经过一张长图，经过transition：第一个属性来肯定要渐变的值，第二个值为时间，第三个值为速度大小，也能够指定步数。也能够经过算浏览器每一贞的时间来算出移动到最后一张图片的值为多少。
2. 而后经过checkbox来判断是否点赞了。用label标签关联input，当input被checked的时候，来操做div属性。input:checked+label div。

   

美化ios系统的checkbox样式

注意点：

1. 先用css样式画出一个椭圆和圆，圆在里面垂直居中，块状元素垂直布局，margin会有合并，子元素的margin会成为父元素的margin
2. 当input被checked的时候操做label里面的div的属性便可

用css样式完成轮播图效果

本身经过在input元素下面弄成一张图片包括里面的信息，而后第一张默认被选中，而后设置图片都用定位消失在窗口内，而后经过input被checked的时候，这张图用被定为的值恢复。

看了文档上面的，实现轮播特效，是用让四张大图分红四个div，每个div里面都有四个span，里面都是一个图片的一部分，label和input关联，超出的部分先overflow，而后在把四个的span的定位显示出来，加上选中的时候的span属性的渐变效果。有点复杂