CSS3 渐变（gradients）可以让你在两个或多个指定的颜色之间显示平稳的过渡。 以前，你必须使用图像来实现这些效果。但是，通过使用 CSS3 渐变（gradients），你可以减少下载的事件和宽带的使用。此外，渐变效果的元素在放大时看起来效果更好，因为渐变（gradient）是由浏览器生成的 ...
分类：
Web程序 时间：
2018-05-10 14:25:18
阅读次数：
210
知识点：rgb全色循环算法，HEX与RGB颜色转换算法、CSS3颜色渐变，CSS3渐变色兼容ie方法，定时器与循环，函数封装,数组应用等。
分类：
Web程序 时间：
2018-03-17 16:17:36
阅读次数：
365
.global-header{ nav{ position: relative; #bc{ padding: 8px 0; overflow-x: scroll; -webkit-overflow-scrolling: touch; &::-webkit-scrollbar{ display: no ...
分类：
Web程序 时间：
2017-12-07 18:57:08
阅读次数：
263
一、渐变 渐变是CSS3当中比较丰富多彩的一个特性，通过渐变我们可以实现许多炫丽的效果，有效的减少图片的使用数量，并且具有很强的适应性和可扩展性。 可分为线性渐变、径向渐变 1、 线性渐变 （gradient 变化） linear-gradient线性渐变指沿着某条直线朝一个方向产生渐变效果。 2、 ...
分类：
Web程序 时间：
2017-11-28 01:27:07
阅读次数：
230
1、css3渐变 1）线性渐变（兼容性写法） background:linear-gradient(to right top, #fff, #000 ); //标准写法 background:-webkit-gradient(linear,left bottom, right top, from(# ...
分类：
Web程序 时间：
2017-09-12 17:47:51
阅读次数：
155
背景色，除了纯色以外，还能够使用多种颜色组合成为渐变背景色，使页面丰富。 渐变背景分为两种： 1、线性渐变； 2、环形渐变； 线性渐变 线性渐变分为：横向、纵向、对角渐变三种渐变 语法： <linear-gradient> = linear-gradient([ [ <angle>| to <asi ...
分类：
Web程序 时间：
2017-09-05 22:00:56
阅读次数：
230
参考: http://www.runoob.com/css3/css3-gradients.html CSS3 渐变（gradients）可以让你在两个或多个指定的颜色之间显示平稳的过渡。 以前，你必须使用图像来实现这些效果。但是，通过使用 CSS3 渐变（gradients），你可以减少下载的事件 ...
分类：
Web程序 时间：
2017-09-02 15:38:59
阅读次数：
201
1.利用css如何制作一个半圆？（思路：对样式border-radius以及宽高的控制） 页面部分 效果： 2.即当a标签内有内容时，无法再对a标签进行宽高的控制，但又不想引入图片作为背景，此时用css3渐变属性linear-gradient（思路：一个圆，将自己不需要显示的半圆用白色背景） 效果展 ...
分类：
Web程序 时间：
2017-08-06 13:59:52
阅读次数：
1904
