div { width:100px; transition: width 2s; -moz-transition: width 2s; /* Firefox 4 */ -webkit-transition: width 2s; /* Safari 和 Chrome */ -o-transition: ...
分类：
Web程序 时间：
2019-06-28 16:44:49
阅读次数：
155
在应用 CSS3 渐变/动画时，有个控制时间的属性 <timing-function> 。它的取值中除了常用到的 三次贝塞尔曲线 以外，还有个让人比较困惑的 steps() 函数。 steps() 第一个参数 number 为指定的间隔数（必须是正整数），即把动画分为 n 步阶段性展示，第二个参数默 ...
分类：
Web程序 时间：
2019-06-10 13:38:00
阅读次数：
178
1、CSS3选择器 2、CSS3边框(Borders) 3、CSS3背景 4、CSS3渐变 5、CSS3文本效果 6、CSS3字体 7、CSS3转换和变形 1）2D转换方法 2）3D转换属性 8、CSS3过度 9、CSS3动画 10、CSS3多列 11、CSS3盒模型 12、CSS3伸缩布局盒模型( ...
分类：
Web程序 时间：
2019-05-31 23:32:41
阅读次数：
164
恢复内容开始 水平渐变 linear gradients 语法 background:linear-gradient(direction，color1，color2，……) Direction 0% 在0%处 是纯红色 20%是纯蓝色 如果最后一个值不是100% 代表从这个值到100%都是纯oran ...
分类：
Web程序 时间：
2019-05-07 19:42:45
阅读次数：
928
https://www.html5tricks.com/pure-css3-meteor-shower.html 示例来自以上地址? 背景颜色径向渐变 css3渐变 gradients linear gradients 线性渐变：向上下左右，对角方向 radial gradients 径向渐变：由它 ...
分类：
其他好文 时间：
2019-01-25 17:36:47
阅读次数：
210
CSS3 渐变渐变（gradients）可以在两个或多个指定的颜色之间显示平稳的过渡。兼容性：IE10+，Chrome26+，FireFox16+，Safari6.1+，Opera12.1+CSS3线性渐变线性渐变属性（Linear Gradients）是沿着一根轴线改变颜色，从起点到终点颜色进行顺 ...
分类：
Web程序 时间：
2018-12-12 19:40:13
阅读次数：
967
-webkit-mask 这个属性是相当强大的，所以详细的介绍超出了本文的范畴，它非常值得深入研究，因为它可以在实际应用中为你省掉很多时间。 -webkit-mask让为一个元素添加蒙板成为可能，从而你可以创建任意形状的花样。蒙板可以是CSS3渐变或者半透明的PNG图片。蒙板元素的alpha值为0的 ...
分类：
Web程序 时间：
2018-08-23 14:15:28
阅读次数：
198
线性渐变：属性：linear-gradinet(开始位置 角度，起始颜色，终止颜色 )开始位置：渐变开始的位置，属性值可以为百分比/长度/left、right、top、bottom（可组合使用）角度：渐变终止方向的角度，当开始位置为数值或百分比时候可用起始颜色......终止颜色......重复渐变 ...
分类：
Web程序 时间：
2018-08-16 23:50:31
阅读次数：
578
今天做东西突然用到了渐变背景色，一时间突然想不起来了，就去菜鸟教程上看了看，重新学习了一下。 CSS3 渐变可以让你在两个或多个指定的颜色之间显示平稳的过渡。以前，你必须使用图像来实现这些效果。但是，通过使用 CSS3 渐变，你可以减少下载的事件和宽带的使用。此外，渐变效果的元素在放大时看起来效果更 ...
分类：
Web程序 时间：
2018-08-07 10:58:01
阅读次数：
152
radial-gradient：径向渐变 ellipse：椭圆形渐变默认，circle：圆形渐变 定义渐变大小，指定终点位置： farthest-corner：默认，指定径向渐变的半径长度为：从圆心到离圆心最远的角 closest-side：从圆心到离圆心最近的边 closest-corner：从圆 ...
分类：
Web程序 时间：
2018-06-30 11:06:46
阅读次数：
197
