欢迎访问web记录!每一步的成长都是一种幸福,聪明的女孩擅长记录幸福!
您现在的位置:web记录 > 前端开发 > Html5+css3 >

css3 线性渐变 linear-gradient

更新时间:2014-09-13 浏览次数:

一、线性渐变 linear-gradient

linear-gradient(起点,开始颜色,结束颜色);

实例

1、渐变起点有很多种法

1.top 上下渐变

2.top right 右上角到左下角的渐变

3.top left 左上角到右下角的渐变

4.bottom left 左下角到右下角的渐变

5.bottom right 右下角到左上角的渐变

6.角度渐变

2、渐变颜色设置花样繁多

1.在开始颜色和结束颜色之间添加多个颜色,默认都是均匀渐变

2.给每一种颜色指点渐变的位置(颜色可用css3 RGBA透明度)

二、径向渐变 radial-gradient

关键词:

    + 相关信息

    前端案例

    返回顶部 欢迎访问web记录!每一步的成长都是一种幸福,聪明的女孩擅长记录幸福!