1、渐变 Gradient:linear-gradient 线性渐变和 radial-gradient径向渐变 2、rgba(); 设置颜色和透明度,需要注意的是,所有用到颜色的地方,都可以使用这一属性值。比如设置border的颜色透明度 3、border-radius 圆角 语法:border-r ...
分类:
Web程序 时间:
2017-01-09 11:05:13
阅读次数:
165
background:-webkit-linear-gradient | radial-gradient (水平起点 垂直起点 , 颜色1 百分比%, 颜色2 百分比%, ... ,颜色N 100%);background:linear-gradient()//线性渐变background:radi... ...
分类:
Web程序 时间:
2017-01-06 00:54:19
阅读次数:
206
CSS3径向渐变-radial-gradient()/repeating-radial-gradient() 径向渐变由它的中心定义。 创建径向渐变,至少定义两种颜色节点,呈现平稳过度的颜色。同时,你也可以指定渐变中心、形状(圆形或椭圆形)、大小。 默认情况下,渐变的中心是center(表示在中心) ...
分类:
Web程序 时间:
2016-11-21 12:27:56
阅读次数:
277
有时我们会看到网站上的一些图片是渐变色的,这些图片有的是ui设计出来的,有的则是直接通过css3制作出来的。下面就讲一下css3实现渐变色的方法,以及在各个浏览器上的兼容性。 CSS3 Gradient分为linear-gradient(线性渐变)和radial-gradient(径向渐变)。而我们 ...
分类:
Web程序 时间:
2016-11-19 15:30:27
阅读次数:
316
CSS3 Gradient分为linear-gradient(线性渐变)和radial-gradient(径向渐变)。而我们今天主要是针对线性渐变来剖析其具体的用法。为了更好的应用CSS3 Gradient,我们需要先了解一下目前的几种现代浏览器的内核,主流内容主要有Mozilla(Gecko)(熟 ...
分类:
Web程序 时间:
2016-10-12 22:40:00
阅读次数:
161
一.线性渐变linear-gradient 1.使用方法: 二.径向渐变radial-gradient 1.使用方法: 三.兼容问题 ...
分类:
Web程序 时间:
2016-08-19 15:09:56
阅读次数:
178
CSS3 Gradient 分为 linear-gradient(线性渐变)和 radial-gradient(径向渐变)。而我们今天主要是针对线性渐变来剖析其具体的用法。为了更好的应用 CSS3 Gradient,我们需要先了解一下目前的几种现代浏览器的内核,主要有 Mozilla(Firefox ...
分类:
Web程序 时间:
2016-05-13 07:54:42
阅读次数:
166
radial-gradient()语法:
= radial-gradient([ [ || ] [ at ]? , | at , ]?[ , ]+)
= [ ① | ① | left...
分类:
其他好文 时间:
2016-04-29 17:14:58
阅读次数:
193
radial-gradient()语法:
= radial-gradient([ [ || ] [ at ]? , | at , ]?[ , ]+)
= [ ① | ① | left...
分类:
其他好文 时间:
2016-04-26 20:03:48
阅读次数:
199
× 目录 [1]定义 [2]椭圆圆心 [3]椭圆类型 [4]椭圆大小 [5]色标 [6]重复渐变 [7]其他 前面的话 上篇介绍了线性渐变,本文接着介绍径向渐变的内容 定义 径向渐变,实际上就是椭圆渐变,圆只是一种特殊的椭圆而已。径向渐变从圆心点以椭圆形状向外扩散,渐变的实现由两部分组成:椭圆和色标 ...
分类:
Web程序 时间:
2016-04-13 02:08:41
阅读次数:
233