css3渐变
2015-11-12 10:01
459 查看
以这个效果为例:这是一个从 #dc6226 渐变到 #535e64
在Mozilla 、Webkit、 Opera
下的使用方式
background: -moz-linear-gradient(left,#dc6226,#535e64); background: -webkit-linear-gradient(left,#dc6226,#535e64); background: -o-linear-gradient(left,#dc6226,#535e64);
在IE的使用方式:
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#dc6226, endColorstr=#535e64);/*IE<9>*/ -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#dc6226, endColorstr=#535e64)";/*IE8+*/
相关文章推荐
- html 表格样式
- HTML,CSS,font-family:中文字体的英文名称 (宋体 微软雅黑)
- CSS 谷歌浏览器字体最小 font-size:12px
- CSS 设置字体环绕图片效果
- css样式表
- CSS3--阴影,渐变,背景图片
- flex
- CSS三栏布局(两边固定中间自适应宽度)的方法
- 安卓样式Style和主题Theme
- 【转载】CSS常用英文字体介绍
- div+css滚动条
- CSS 属性的默认值
- 4种CSS样式方式
- DIV+CSS如何让文字垂直居中
- gulp 之一 安装及简单CSS,JS文件合并压缩
- CSS属性之Overflow
- css导航栏
- css3制作翘边阴影
- Bootstar常用样式表
- css基础