gradient 渐变
2024-09-08 04:51:59
看了大漠 写的关于 Gradient 的文章,我也想写点以便加深记忆。
首先gradient 分为linear-gradient (线性渐变) 和 radial-gradient(径向渐变),渐变是作为一个属性值来应用,比如用于background 背景、list-style-image 的属性值。
linear-gradient 线性渐变
语法:linear-gradient( [<point> || <angle>,] <stop>, <stop> [, <stop>]* )
其共有三个参数,第一个参数表示线性渐变的方向,top是从上到下、left是从左到右,如果定义成left top,那就是从左上角到右下角。第二个和第三个参数分别是起点颜色和终点颜色。你还可以在它们之间插入更多的参数,表示多种颜色的渐变。
如:background:-webkit-linear-gradient(top,#000,#fff);
radial-gradient(径向渐变)
语法:-moz-radial-gradient([<bg-position> || <angle>,]? [<shape> || <size>,]? <color-stop>, <color-stop>[, <color-stop>]*); 更具体的请看大漠的吧,一直很喜欢他的文章,因为写的很详细,每个知识点都很透彻!原文:http://www.w3cplus.com/content/css3-gradient
最新文章
- hihocoder-1014 Trie树
- .NET 强引用与弱引用
- 1154. Easy sort
- Javascript面向对象编程(二)--- 构造函数的继承
- hdu 3394 Railway
- 关于entity framework
- MySQL生僻字(不常用字)的完整解决方案
- C++图结构的图结构操作示例
- Android ndk第一步,构建jni headers
- layout cannot be resolved or is not a field
- Oracle分析函数之开窗子句-即WINDOWING子句
- CentOS文件权限管理
- spring mvc 启动过程及源码分析
- ELK + Filebeat 日志分析系统
- JDK9新特性实战:流关闭新姿势
- 百度AI搜索引擎
- 【洛谷】【模拟+栈】P4711 「化学」相对分子质量
- js substring
- 读取XML某一节点
- mysql 字符编码设置
热门文章
- 自定义ObjectAnimator属性实现
- 优雅编写Python3 的62个小贴士
- No WebApplicationContext found: no ContextLoaderListener registered
- Python3 中codecs进行文件的读取
- Python使用设计模式中的责任链模式与迭代器模式的示例
- Linux下通过shell进MySQL执行SQL或导入脚本
- mysql新建数据库(database)设置为utf8
- 细说SQL Server中的加密
- 【Leetcode_easy】645. Set Mismatch
- in-place数据交换