webkit支持拥有overflow属性的区域，列表框，下拉菜单，textarea的滚动条自定义样式，所以用处还是挺大的。当然，兼容所有浏览器的滚动条样式目前是不存在的。 演示 来看看这2个滚动条demo： demo1（图片版）、demo2（纯CSS3版） 滚动条组成 ::-webkit-scrol ...
分类：
Web程序 时间：
2017-10-24 11:18:37
阅读次数：
213
HTML5和CSS3之所以强大，不仅因为现在大量的浏览器的支持，更是因为它们已经越来越能满足现代开发的需要。Flash在几年之后肯定会消亡，那么HTML5和CSS3将会替代Flash。今天我们要给大家分享8个最新的HTML5和纯CSS3动画及其源码，这些动画非常让人震撼，你也可以学习一下HTML5源 ...
分类：
Web程序 时间：
2017-09-17 18:57:12
阅读次数：
251
文字间歇滚动，除了使用JavaScript外，还可以使用css3来实现喔~~~ ...
分类：
Web程序 时间：
2017-09-17 13:34:11
阅读次数：
423
纯css3打造瀑布流布局 原理： 1、column-count 把div中的文本分为多少列 2、column-width 规定列宽 3、column-gap 规定列间隙 4、break-inside: avoid; 避免元素内部断行并产生新列 注意: Internet Explorer 9及更早 I ...
分类：
Web程序 时间：
2017-09-15 13:39:13
阅读次数：
328
这次我们要来分享一款很不错的CSS3按钮动画，这款CSS3按钮一共有5种动画方式，每一种都是鼠标滑过动画形式，虽然这些动画按钮不是十分华丽，但是小编觉得不像其他按钮那样很难扩展，我们可以修改CSS代码随意改变自己喜欢的颜色样式。 在线演示源码下载 让我们一起来看看实现这5中样式动画按钮的HTML代码 ...
分类：
Web程序 时间：
2017-09-05 23:02:37
阅读次数：
260
纯css3写的表情包大家可以封装一下打包自己用哟，哎 大家见谅了，我是大老粗，随后会自定义页面编辑，这样看到太丑陋了 html: ... ...
分类：
Web程序 时间：
2017-09-04 13:17:47
阅读次数：
202
我们写跑马灯一般都是用js控制定时器不断循环产生，但是定时器消耗比较大，特别是程序中很多用到定时器的时候，感觉有的时候比较卡。但是css3样式一般不会。这里主要的思路就是用css3代替js定时器实现一个简单的跑马灯。 1、基本思路 这次demo主要是通过css3中的animation动画实现，借助t ...
分类：
Web程序 时间：
2017-09-02 12:54:28
阅读次数：
466
1.很久之前在网上看到的，就随手保存起来了。 ...
分类：
其他好文 时间：
2017-08-03 01:01:33
阅读次数：
249
近日在开发的页面中，需要制作一个动态的圆形进度条，首先想到的是利用两个矩形，宽等于直径的一半，高等于直径，两个矩形利用浮动贴在一起，设置overflow：hidden属性，作为盒子，内部有一个与其宽高相等的子盒子，左侧的子盒子左上角和左下角以及右侧子盒子的右上角和右下角利用border-radius ...
分类：
Web程序 时间：
2017-07-28 17:36:56
阅读次数：
207
日食现象是月亮挡在了地球和太阳之间，也就是月亮遮挡住了太阳。所以要构造日食，我们须要2个对象：一个代表月亮，一个代表太阳。<div class="eclipse sun"></div> <div class="eclipse moon"></div>我们把整个日食过程分解为3个阶段：1. 缓慢移入 ...
分类：
Web程序 时间：
2017-07-23 21:08:56
阅读次数：
173
