css 两边到中间渐变_怎么实现背景色从中间往两边渐变？_html/css

-webkit-linear-gradient( bottom,transparent ,#000 100%)

这样实现了背景色的渐变，希望实现背景色是中间深色，逐渐往上和往下变成透明，css该怎么写？

回复讨论(解决方案)

FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#fff,endColorStr=#000); /*IE 6 7 8*/

background: -ms-linear-gradient(top, #fff, #000); /* IE 10 */

background:-moz-linear-gradient(top,#fff,#000);/*火狐*/

background:-webkit-gradient(linear, 0% 0%, 0% 100%,from(#fff), to(#000));/*谷歌*/

background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#000)); /* Safari 4-5, Chrome 1-9*/

background: -webkit-linear-gradient(top, #fff, #000); /*Safari5.1 Chrome 10+*/

background: -o-linear-gradient(top, #fff, #000); /*Opera 11.10+*/

本文原创发布php中文网，转载请注明出处，感谢您的尊重！

css 两边到中间渐变_怎么实现背景色从中间往两边渐变？_html/css_WEB-ITnose相关推荐

颜色渐变从上往下渐变_好的Golly，网络上的渐变
颜色渐变从上往下渐变梯度正在悄悄卷土重来. 有一阵子他们属于迈阿密虎钳和龙舌兰日出世界,然后他们增加了1980年代的杂志的深度,然后出现了Geocities –好吧,让我们不谈过去. 如今,网络 ...
流体渐变_最新的10种Fluid Colors流体渐变壁纸制作方法
大家好,我是UEgood的雪姐姐.随着iPhone X的到来,流体渐变的风格开始兴起,许多人都觉得这种风格特别漂亮,于是它一下子就火起来了.今天我们就来学习如何用流体渐变技术做漂亮的壁纸.当然,不止是 ...
gradient设置上下渐变_图解CSS: CSS渐变
CSS的渐变主要分布在 conic-gradient()和repeating-conic-gradient()两个属性.在CSS中,CSS的渐变相当于图像,我们可以使用线性渐变(linear-grad ...
css3渐变—渐变_玩渐变
css3渐变-渐变 This article is a small part of the book named "Designing User Interfaces" writt ...
cad字体渐变_[AI10]透明渐变得问题字体命令的一个变 pantone色系 AutoCAD2006中文版...
[AI10]透明渐变得问题字体命令的一个变 pantone色系 AutoCAD2006中文版 [ A I 1 0 疑问 ] 一个透明渐变得问题白色[opacity100]-----–>黑色渐 ...
css绘制卡券优惠券_用纯css来实现一个优惠券
前言我们在平时的网页中,经常会见到这样的优惠券或者其他的券(特征就是会有反方向的圆角). 可能大部分前端人员为了简单,直接采用图片的方式,直接把整张图作为背景.其实这也没什么不好的,简单,方便,还没 ...
【源码+演示】高考加油！HTML+CSS特效文字祝福_程序员祝福高考学子旗开得胜！
又是一年盛夏至,愿高三学子高中毕业日,即是高中名校时! 本篇为大家带来3款HTML+CSS制作出的小项目,为高考学子加油助威,愿他们旗开得胜,金榜题名![源码+演示]高考加油!HTML+CSS特效文字 ...
java 绘图渐变_如何在Java 2D中创建渐变绘画？
要更改图形形状的颜色,我们可以使用setPaint()方法.对于简单的着色,我们可以将颜色对象传递给此方法,例如Color.RED或Color.GREEN. 如果要使用渐变绘画进行绘画,则可以使用Gr ...
c语言 rgb颜色渐变_这种渐变噪点的质感，咋做的？
视觉传达的很多平面作品中,字体以及字体效果都是很重要的一部分.合适的字体效果样式会让海报或设计品在视觉上显得更有性格,能更精准的传达风格和调性.而如果想要强调风格和调性,文字主要有两方面需要考虑,字体 ...

css 两边到中间渐变_怎么实现背景色从中间往两边渐变？_html/css_WEB-ITnose

css 两边到中间渐变_怎么实现背景色从中间往两边渐变？_html/css_WEB-ITnose相关推荐

最新文章

热门文章

css 两边到中间 渐变_怎么实现背景色从中间往两边渐变？_html/css_WEB-ITnose

css 两边到中间 渐变_怎么实现背景色从中间往两边渐变？_html/css_WEB-ITnose相关推荐

最新文章

热门文章

css 两边到中间渐变_怎么实现背景色从中间往两边渐变？_html/css_WEB-ITnose

css 两边到中间渐变_怎么实现背景色从中间往两边渐变？_html/css_WEB-ITnose相关推荐