博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
HTML-CSS线性渐变
阅读量:6955 次
发布时间:2019-06-27

本文共 687 字,大约阅读时间需要 2 分钟。

1 实现背景的渐变可以通过为背景添加颜色渐变的图片,也可以使用浏览器的功能来为背景添加渐变的颜色 2  3 在IE6或IE7浏览器下可以使用一下示例的CSS语句,设置filter属性来实现颜色 4  5 filter:progid:DXImageTransform.Microsoft.gradient(enabled=true,gradientType=0,startColorStr=#f0f0f0,endColorStr=#020202); 6  7 enabled:滤镜开关选项,其值可以是true或者false,分别用来打开和关闭滤镜; 8  9 gradientType:渐变类型,其值为1时表示水平渐变,其值为0时表示垂直渐变;10 11 startColorStr:上端或左侧的起始颜色;12 13 endColorStr:下端或右侧的结束颜色14 15 background-image:-moz-linear-gradient(起始点||角度,{颜色,位置},{颜色,位置}...........);《火狐浏览器》16 17 background-image:-webkit-linear-gradient(起始点||角度,{颜色,位置},{颜色,位置}...........);《谷歌浏览器》18 19 background-image:-moz-linear-gradient(起始点||角度,{颜色,位置},{颜色,位置}...........);

 

转载于:https://www.cnblogs.com/longly/p/6431744.html

你可能感兴趣的文章
【死磕 Spring】—– 4 张图带你读懂 Spring IOC 的世界
查看>>
大数据之MySql早课9.20
查看>>
单例设计模式
查看>>
高并发的“大杀器”:异步化、并行化
查看>>
nginx防盗链、访问控制、解析php、代理服务
查看>>
细解网易宝系统架构之高可用篇
查看>>
valgrind安装及使用方法详解
查看>>
Android就是这么简单!点击PNG图片就可能遭远程攻击
查看>>
JavaScript变量对象
查看>>
资料整理
查看>>
windows下安装tomcat8
查看>>
Android API包名及包的功能的中文介绍
查看>>
OSChina 周二乱弹 —— 怎么让可爱的女孩子吃药
查看>>
Android 学习笔记
查看>>
关于TimerTask定时任务
查看>>
设计模式--访问者模式
查看>>
关于AsyncTask的一些总结
查看>>
WEB前端:HTML+CSS+JavaScript
查看>>
rename
查看>>
iOS 截屏
查看>>