- 浏览: 60927 次
- 性别:
- 来自: 大连
文章分类
最新评论
/*-----------由左至右渐变-------------*/
body{ width:100%; height:105px; margin:0 auto;
filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#00108B,endcolorstr=white,gradientType=1); /*IE*/
-ms-filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#00108B,endcolorstr=white,gradientType=1); /*IE8*/
background:white; /* 一些不支持背景渐变的浏览器 */
background:-o-linear-gradient(left,#00108B 0%,white); /*opera*/
background:-moz-linear-gradient(left, #00108B, white); /*firefox*/
background:-webkit-gradient(linear, left top, right top, from(#00108B), to(rgba(0, 0, 255, 0)));} /*chrome,safari*/
background:-ms-linear-gradient(left, #00108B, white);}/*IE10*/
/*-----------由上至下渐变-------------*/
body{ width:100%; height:105px; margin:0 auto;
filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#00108B,endcolorstr=white,gradientType=0); /*IE*/
-ms-filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#00108B,endcolorstr=white,gradientType=0); /*IE8*/
background:white; /* 一些不支持背景渐变的浏览器 */
background:-o-linear-gradient(top,#00108B 0%,white); /*opera*/
background:-moz-linear-gradient(top, #00108B, white); /*firefox*/
background:-webkit-gradient(linear, 0 0, 0 500, from(#00108B), to(rgba(0, 0, 255, 0)));} /*chrome,safari*/
background:-ms-linear-gradient(top, #00108B, white);}/*IE10*/
body{ width:100%; height:105px; margin:0 auto;
filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#00108B,endcolorstr=white,gradientType=1); /*IE*/
-ms-filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#00108B,endcolorstr=white,gradientType=1); /*IE8*/
background:white; /* 一些不支持背景渐变的浏览器 */
background:-o-linear-gradient(left,#00108B 0%,white); /*opera*/
background:-moz-linear-gradient(left, #00108B, white); /*firefox*/
background:-webkit-gradient(linear, left top, right top, from(#00108B), to(rgba(0, 0, 255, 0)));} /*chrome,safari*/
background:-ms-linear-gradient(left, #00108B, white);}/*IE10*/
/*-----------由上至下渐变-------------*/
body{ width:100%; height:105px; margin:0 auto;
filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#00108B,endcolorstr=white,gradientType=0); /*IE*/
-ms-filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#00108B,endcolorstr=white,gradientType=0); /*IE8*/
background:white; /* 一些不支持背景渐变的浏览器 */
background:-o-linear-gradient(top,#00108B 0%,white); /*opera*/
background:-moz-linear-gradient(top, #00108B, white); /*firefox*/
background:-webkit-gradient(linear, 0 0, 0 500, from(#00108B), to(rgba(0, 0, 255, 0)));} /*chrome,safari*/
background:-ms-linear-gradient(top, #00108B, white);}/*IE10*/
发表评论
-
Jquery实现表格行的动态增加与删除
2014-05-29 08:45 1224<!DOCTYPE html PUBLIC " ... -
CSS3伪类选择器
2014-04-18 09:32 582CSS的伪类语法和别的语 ... -
Jquery实现选中左边的下拉菜单点击按钮之后跑右边
2014-04-15 14:34 1023script代码: <script type=" ... -
html之marquee详解
2014-03-28 10:07 614该标签不是HTML3.2的一部分,并且只支持MSIE3以后内核 ... -
Html中a标签的四个属性 link ,visited , hover ,active 是有顺序的! LVHA
2014-03-25 15:39 18571。html中a标签的四个属性书写是有顺序的,如果顺序不对,显 ... -
修改360浏览器内核
2014-03-10 17:19 1897浏览器内核控制Meta标签说明文档 背景介绍 由于众所周知 ... -
实现DIV层内的文字垂直居中
2014-03-07 14:03 728有时候,为了网页设计的美观,需要把div+css设计的页面里的 ... -
bootstrap时间控件
2014-03-06 13:27 1190<!DOCTYPE html PUBLIC " ... -
IE=EmulateIE7 标签的作用
2014-02-28 14:05 627对于 Web 开发人员来说 ... -
修改IE浏览器默认的文档模式
2014-02-28 13:26 1829开始运行输入C:\Windows\System32\gpedi ... -
网页制作中Iframe自适应高度的解决办法
2013-12-27 10:14 560进行网页设计时,由于网站的海量信息以及标准化的网页制作模式 ... -
Jquery获取当前屏幕的宽度、高度
2013-12-05 14:48 908<script type="text/java ... -
iframe,frameset区别
2013-12-05 10:24 548■ 框架概念 : 所谓框架便是网页画面分成几个框窗,同时取得 ... -
顶部浮动
2013-11-29 09:37 422<!DOCTYPE html PUBLIC " ... -
js+JQuery实现返回顶部功能
2013-11-18 11:05 519很多网站上都有返回顶部的效果,本文阐述如何使用jquery实现 ... -
转 CSS hack:针对IE6,IE7,firefox显示不同效果
2013-09-05 13:55 973CSS hack:针对IE6,IE7,firefox显示不同效 ... -
white-space:
2013-08-30 10:57 465定义和用法 white-space 属性设置如何处理元素内的空 ... -
通过css将直角矩形变为圆角矩形
2013-08-30 10:56 1150{border-radius:6px 6px 0 0} -
整合IE7与其他IE版本的兼容
2013-08-21 09:39 548<!--[if lte IE 7]> <d ... -
常见浏览器兼容性问题与解决方案css篇
2013-08-12 17:17 744所谓的浏览器兼容性问题,是指因为不同的浏览器对同一段代码有不同 ...
相关推荐
CSS实现背景颜色渐变,通过CSS滤镜使背景渐变,特殊情况下值得考虑的一个方案~
CSS 设计指南学习小结
这个小例子讲解了在不同浏览器下用css为元素做渐变背景的方法,希望能够对大家有所帮助。
这是一款使用纯CSS3制作的平滑过渡的渐变背景颜色示例效果。背景渐变效果分别使用CSS3圆形渐变和线性渐变来完成。
CSS常用动画特效,CSS3新增背景CSS代码。颜色渐变,flex弹性布局,CSS常用动画特效CSS常用动画特效等
这是一款可以在线生成css3背景渐变代码的jquery颜色选择器插件。用户可以调整滑块来调整颜色,可以使用查看按钮查看该背景渐变的css3代码。
本次案例为(背景颜色渐变),运用css3就能实现背景颜色渐变的效果; HTML部分: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title> 渐变——天际线</title...
使用div+css,实现的背景颜色的渐变,兼容谷歌,火狐,IE6以上浏览器
使用CSS3 的背景渐变 -webkit-gradient ,用一个背景渐变的 DIV 代替图片。下面是实现效果示例,相比以上方案优点是不使用图片,减小请求量和流量
纯CSS3实现的背景颜色渐变动画特效源码.zip
css背景样式渐变代码,好用实用,希望能帮到大家
这是一款可以在线生成CSS3渐变背景颜色代码的可视化插件。你可以通过调节界面上给出的颜色、色相、饱和度和亮度滑块,以及渐变方向滑块来生成各种线性渐变,屏幕上会给出相应的CSS3线性渐变代码。
CSS控制DIV层背景颜色渐变是一个相当不错的效果,看起来很夺目的,本文也尝试着实现一个类似这样的效果,感兴趣的朋友可不要错过了啊,或许本文所提供的对你学习css有所帮,好了话不多说切入正题
一款非常漂亮的CSS3鼠标悬停图片半透明渐变颜色背景遮罩动画特效,当鼠标滑过图片时,图片上方会覆盖一层渐变颜色的蒙版,移开图片蒙版又会以渐变的方式消失,视觉效果相当好看。
纯css3实现一款简单的网页动态渐变背景动画特效,渐变一般是两种颜色,这个可以设置多种渐变颜色。
html+css 实现登录页面,背景动态渐变是通过修改body的背景渐变色实现,按钮通过animation元素进行圆形扩散后逐渐消失并释放
在设置了背景颜色渐变后好不容易调成了全屏覆盖 但按下了F11的时候崩溃的世界开始了 所以这篇文章主要介绍CSS背景渐变色和自动全屏适应 背景渐变色 本文只介绍线性渐变 背景渐变相信大家也都不陌生先看下图 小编配...
纯css实现兼容各浏览器的颜色线性渐变,对角渐变,渐变角度设置,线性渐变透明度,及渐变方向、隔行变色等,支持设置结点渐变的效果。
小程序scroll-view与css左右滑动超出部分背景颜色不显示的解决方法