浏览器渐变色
2016-01-12 23:39
239 查看
#example1{ /* 底色 */ background-color: #063053; /* chrome 2+, safari 4+; multiple color stops */ background-image:-webkit-gradient(linear, left bottom, left top, color-stop(0.32, #063053), color-stop(0.66, #395873), color-stop(0.83, #5c7c99)); /* chrome 10+, safari 5.1+ */ background-image: -webkit-linear-gradient(#063053, #395873, #5c7c99); /* firefox; multiple color stops */ background-image: -moz-linear-gradient(top,#063053, #395873, #5c7c99); /* ie 6+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#063053', endColorstr='#395873'); /* ie8 + */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#063053', endColorstr='#395873')"; /* ie10 */ background-image: -ms-linear-gradient(#063053, #395873, #5c7c99); /* opera 11.1 */ background-image: -o-linear-gradient(#063053, #395873, #5c7c99); /* 标准写法 */ background-image: linear-gradient(#063053, #395873, #5c7c99); }
试了一下,好像只要有最后一个标准写法就可以
/* 标准写法 */ background-image: linear-gradient(#063053, #395873, #5c7c99);
详细信息移步
http://www.webhek.com/css-gradients/
相关文章推荐
- iOS纪录-类别、扩展和继承的概念
- Swift ARC机制以及弱引用的使用
- python学习记录(1)
- <01>HelloWorld
- phpstorm + xdebug 配置
- Android之Chromium学习WebView的启动篇幅
- *LeetCode 55. Jump Game
- C语言:【单链表】删除一个无头单链表的非尾节点
- jw player 配置参数
- PHP速学
- 关于游戏开发
- Android反编译
- 65条最常用正则表达式,你要的都在这里了
- jsch ssh服务器调用Linux命令或脚本的小问题
- Java继承小练习
- ICE 入门
- Android之编译系统初始化过程
- BZOJ3733 : [Pa2013]Iloczyn
- C语言:单链表的实现(包括:尾插、尾删、头插、头删、指定位置插入、长度、打印)
- iOS UITableView(十二) 设置tableView的滚动范围