CSS3的线性渐变(linear-gradient)
发表于:2024-10-28 作者:千家信息网编辑
千家信息网最后更新 2024年10月28日,以webkit内核浏览器为例,语法:div{ width:200px; height:200px; background:-webkit-linear-gradient(left,
千家信息网最后更新 2024年10月28日CSS3的线性渐变(linear-gradient)
以webkit内核浏览器为例,
语法:
div{ width:200px; height:200px; background:-webkit-linear-gradient(left,#F39,#09C);}
如图:
参数:
-webkit-linear-gradient 是 webkit 引擎对渐变的实现参数。第一个参数控制渐变方向,比如 left (由左向右)right(由右向左)。第二个和第三个参数,分别是颜色起止颜色。
起止颜色是沿着渐变线,将会在指定位置(以百分比或长度设定)含有指定颜色的点。色彩的起止数是无限的。如果您使用一个百分比位置,0%代表起点和100%是终点,但区域外的值可以被用来达到预期的效果。 这也是通过CSS3 Gradient制作渐变的一个关键所在,其直接影响了你的设计效果,像我们这里的示例都不是完美的效果,只是为了能给大家展示一个渐变的效果,大家就这样先用着吧。我们接着看一下不同的起址色的示例:
div{ width:200px; height:200px; background:-webkit-linear-gradient(left,#F39 90%,#09C);}
如图下
更详情的用法欢迎大家一起来讨论,
参数
效果
颜色
起止
位置
百分
百分比
示例
如图
不同
三个
代表
关键
内核
区域
只是
引擎
所在
方向
浏览器
数据库的安全要保护哪些东西
数据库安全各自的含义是什么
生产安全数据库录入
数据库的安全性及管理
数据库安全策略包含哪些
海淀数据库安全审计系统
建立农村房屋安全信息数据库
易用的数据库客户端支持安全管理
连接数据库失败ssl安全错误
数据库的锁怎样保障安全
特约风豹互联网科技客服电话
亿球通网络技术有限公司好吗
数据库的特色
网络安全第三方角色
苏州无线网络技术推荐咨询
软件开发 美工
虚拟机怎么用ubuntu服务器
计算机网络技术理论知识
用友erp 数据库
福田区口碑好的网络技术服务费
网络安全的规范是什么
关于网络安全的议论文
我国常用的经济类数据库有哪些
软件开发后端需求
网络营销软件开发定制平台
部委 网络安全
网络安全知识感悟1000字
网络安全基础设备
关于大学生网络安全调查
互联网信息网络技术发展
红警战网mod服务器什么意思
网络安全渠道怎么玩
物联网串口服务器的功能和作用
自动驾驶的网络安全的保障
湖北专业软件开发服务价格优惠
数据库更新怎么操作
在迈瑞做软件开发
网络安全演讲比赛主持人串词通用
南京安卓应用软件开发
北站铁路服务器