css3---线性渐变
2024-10-10 21:17:03
.example1 {
width: 150px;
height: 80px;
background: -moz-linear-gradient( top,#ccc,#000);
background: -o-linear-gradient( top,#ccc,#000);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=
0
, startColorstr=
#ccc
, endColorstr=
#000
);//ie
-ms-filter:
"progid:DXImageTransform.Microsoft.gradient (GradientType=0,startColorstr=#ccc,endColorstr=#000)";
}
效果如下:
老式写法
background: -webkit-gradient(linear,center top,center bottom,from(#ccc), to(#000));
参考:http://www.cnblogs.com/lhb25/archive/2013/01/30/css3-linear-gradient.html
最新文章
- css垂直居中 两种方法
- c#生成MD5字符串
- Android 中PopupWindow使用 (转)
- request.get request.GET……
- Linux内核2.4.x的网络接口源码的结构[转]
- Java实现UDP之Echo客户端和服务端
- Hyper-V虚拟化--逻辑网络、VM网络、逻辑交换机
- AS 学习笔记 for in 和 for each in
- QT中静态库的生成与使用——创建共享库代码,附例子
- JavaSE复习日记 : Java操作符\关系运算符\逻辑运算符\赋值运算符\字符串连接符\三元运算符
- java中实现与.net的format格式化字符串输出
- C#标识符
- 发布后就很丢人的随笔(c++)
- QT 设置有效绘图区域
- JavaSE基础知识(4)—数组的应用
- scrollIntoView()窗口滚动
- JavaScript--详解typeof的用法
- Error : Weblogic Maven Plugin deployment WebLogic 12c
- 转python+selenium 使用switch_to_alert 出现的怪异常
- DIV+CSS布局时, DIV的高度和宽度特性
热门文章
- 学生选课数据库SQL语句45道练习题整理及mysql常用函数(20161019)
- zTree自动点击第一个节点(转载)
- 使用awk截取某时间段的日志
- django generic view - ListView
- R语言数据分析利器data.table包 —— 数据框结构处理精讲
- [译]Selenium Python文档:目录
- 计算两个date类型的时间差
- 关于SQL调优(Distinct 和 Exits)
- response.setHeader(";Content-disposition";,";attachment;filename=";+fileName) 下载时文件名中存在空格错误
- 【Egret】在WebStorm里使用Egret Engine 的注意点