没有合适的资源?快使用搜索试试~ 我知道了~
CSS3渐变属性.pdf
1.该资源内容由用户上传,如若侵权请联系客服进行举报
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
版权申诉
0 下载量 122 浏览量
2022-07-10
11:21:16
上传
评论
收藏 358KB PDF 举报
温馨提示
试读
7页
CSS3渐变属性.pdf 学习资料 复习资料 教学资源
资源推荐
资源详情
资源评论
CSS3渐变属性
本文来自 传智播客高教产品研发部 《HTML5+CSS3网站设计基础教程》 人民邮电出版社 2016年
摘 要:本文档主要介绍的渐变属性,即线性渐变和径向渐变的基本使用方法。
关键词:<设计<轮廓
在 之前如果需要添加渐变效果,通常要设置背景图像来实现。而 中增加了渐变属性,
通过渐变属性可以轻松实现渐变效果。 的渐变属性主要包括线性渐变和径向渐变。
1 线性渐变
在 线 性 渐 变 过 程 中 , 起 始 颜 色 会 沿 着 一 条 直 线 按 顺 序 过 渡 到 结 束 颜 色 。 运 用 中 的
“o参数值)样式可以实现线性渐变效果,其基本语法格式如
下:
渐变角度颜色值 颜色值 颜色值
在上面的语法中, 用于定义渐变方式为线性渐变,括号内用于设定渐变角度和颜色
值,具体解释如下。
o)渐变角度
渐 变 角 度 指 水 平 线 和 渐 变 线 之 间 的 夹 角 , 可 以 是 以 为 单 位 的 角 度 数 值 或 “ 加
“、“、“和“等关键词。在使用角度设定渐变起点的时候, 对应“
, ! 对应“", # 对应“", $ 对应“",整个过程
就是以 为起点顺时针旋转,具体如图 所示。
图 "渐变角度图
当未设置渐变角度时,会默认为“# 等同于“"。
"""o)颜色值
用于设置渐变颜色,其中“颜色值 表示起始颜色,“颜色值 表示结束颜色,起始颜色和结束颜
色之间可以添加多个颜色值,各颜色值之间用“,”隔开。
下面通过一个案例对线性渐变的用法和效果进行演示。
案例1:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>线性渐变<&title>
<style type="text&css">
1 & 7
CSS3 渐变属性
资源评论
努力搬砖的小王
- 粉丝: 16
- 资源: 7706
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功