如题，主要通过CSS3来实现将radio和checkbox美化的效果。可是兼容性并非非常好，PC端仅仅支持chrome浏览器（IE和Firefox測试不行，其它没有很多其它測试）。然后微信端和QQ端訪问也是正常。因为LZ所做的功能正好仅仅须要在微信端展示，所以并未深入研究。</span> 当然，尽管 ...
分类：
Web程序 时间：
2017-07-23 13:40:35
阅读次数：
164
前言 webkit支持拥有overflow属性的区域，列表框，下拉菜单，textarea的滚动条自定义样式，所以用处还是挺大的。当然，兼容所有浏览器的滚动条样式目前是不存在的。 演示 来看看这2个滚动条demo： demo1（图片版）、demo2（纯CSS3版） 滚动条组成 ::-webkit-sc ...
分类：
其他好文 时间：
2017-07-17 18:47:37
阅读次数：
185
这种纯CSS3美化单选按钮radio的方法适用于以下情况： 1、可兼容IE9以上，需要兼容IE8的要写IE的hack把样式去掉 2、只支持单选按钮radio，因为单选按钮选中样式的圆圈可以用CSS做出来，但是复选按钮checkbox的选中效果对勾就需要图片或者图标字体库 3、不需要JS支持切换效果 ...
分类：
Web程序 时间：
2017-06-22 16:52:35
阅读次数：
235
一、直接上代码！下面这是效果图： 二、这个白色渐变闪过效果用CSS3做很容易也很方便，唯一不好的地方应该就是兼容问题了。所以现在一般都用在移动端上面了。 三、来啦来啦！(敲黑板) 我觉得代码注释已经比较清楚了，所以画画重点就好了！！！ 1、infinite 这是循环执行的属性，有了它，才能一闪一闪滴 ...
分类：
Web程序 时间：
2017-06-03 14:02:07
阅读次数：
269
我们写跑马灯一般都是用js控制定时器不断循环产生，但是定时器消耗比较大，特别是程序中很多用到定时器的时候，感觉有的时候比较卡。但是css3样式一般不会。这里主要的思路就是用css3代替js定时器实现一个简单的跑马灯。 1、基本思路 这次demo主要是通过css3中的animation动画实现，借助t ...
分类：
Web程序 时间：
2017-05-18 21:28:49
阅读次数：
343
悄悄地，GIF 格式的进度条已经越来越少，CSS 进度条如雨后春笋般涌现。今天要介绍的这个 CSS3 进度条，效果和 Flyme OS 4 上的加载动画一样。 首先，来看下最终的效果： ...
分类：
Web程序 时间：
2017-05-08 14:41:35
阅读次数：
217
这是一组效果很炫酷的纯CSS3 Loading载入动画特效。这组loading动画共同拥有27种不同的效果。每一种loading动画都是通过CSS3的keyframes帧动画来完毕的，每个载入动画都构思新颖。效果很的酷。 效果演示：http://www.htmleaf.com/Demo/201503 ...
分类：
Web程序 时间：
2017-04-18 14:22:52
阅读次数：
179
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>8款纯CSS3搜索 ...
分类：
Web程序 时间：
2017-04-03 15:24:45
阅读次数：
227
纯css3二级导航下拉菜单，新增一些css3的特效，提供借鉴学习，如有雷同之处勿喷 <!DOCTYPE html><html lang="zh-cn"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" ...
分类：
其他好文 时间：
2017-03-27 11:16:42
阅读次数：
143
之前在网上看到一些用纯CSS3实现的酷炫效果，以为实现起来比较困难，于是想看看具体是怎么实现的。 一、笑脸猫动画 实现效果如下： 这个实现起来确实比较麻烦，很多地方需要花时间，有耐心地调整。 1.先看下页面结构： 2.再看css部分 1.先看脸部face: 主要是要画出椭圆形，width和heigh ...
分类：
Web程序 时间：
2017-03-10 19:11:05
阅读次数：
317
