css3 Gradient背景_html/css_WEB-ITnose
程序员文章站
2022-04-06 21:13:29
...
css3的gradient分为两种:线性渐变(linear)和径向渐变(radial)。 一、线性渐变linear-gradient
linear-gradient([设置方向],[设置开始颜色],[设置多种过度颜色],[设置结束颜色])
参数:
第一个参数:指定渐变方向,可以用“角度”的关键字或“英文”来表示:
第一个参数默认:180deg,等同于“to bottom”。
后面的颜色至少有2个,即开始颜色和结束颜色。
举例:
二、径向渐变radial-gradient从左到右线性渐变背景
待续
大漠写的css3 gradient
http://www.w3cplus.com/content/css3-gradient
推荐阅读
-
前端笔记知识点整合之HTML5&CSS3(中)选择器&伪类伪元素&CSS3效果&渐变背景&过渡
-
使用CSS3的背景渐变Text Gradient 创建文字颜色渐变
-
background-size 设置背景图片的大小_html/css_WEB-ITnose
-
multiple backgrounds 多重背景_html/css_WEB-ITnose
-
纯CSS3实现图片展示特效_html/css_WEB-ITnose
-
CSS3之圆角_html/css_WEB-ITnose
-
css3中的content和实体_html/css_WEB-ITnose
-
一款纯css3实现的响应式导航_html/css_WEB-ITnose
-
CSS3之弹性布局_html/css_WEB-ITnose
-
CSS3 实现六边形Div图片展示效果_html/css_WEB-ITnose