42得票3回答
边框渐变与边框半径

我有以下的CSS: a.btn.white-grad { background: $lgrey; color: #313149 !important; border: 1px solid #000; border-image-source: linear-gr...

42得票9回答
CSS3 盒阴影线性渐变?

有没有CSS3的方法可以创建一个跨浏览器(例如:Mozilla,Webkit和Opera)内嵌盒子阴影,它从顶部的黑色过渡到底部的白色?我发现最接近实现这个效果的方法只能让阴影的外侧是一种颜色,内部才能过渡到另一种颜色,在这个页面上:http://www.css3.info/preview/b...

38得票4回答
CSS3跨浏览器线性渐变

以下代码的 Opera 和 IE 替代方案是什么?background-image: -webkit-gradient(linear, right top, left bottom, from(#0C93C0), to(#FFF)); background-image: -moz-linear...

30得票2回答
在线性渐变中使用百分比值的背景定位问题

怎样才能让background-position接受百分比的值?目前我的按钮只在width和background-position有固定值时工作。 body { min-height: 100vh; display: flex; flex-direction: colu...

28得票6回答
最新版Safari浏览器中的linear-gradient到透明色的bug?

我正在应用一个基本的线性渐变,就像这样:background-image: linear-gradient(to top, red, rgba(0,0,0,0)); 这个代码在除了 Safari 之外的其他地方都表现正常,但在 Safari 中透明的部分被渲染成黑灰色: 这是 Chrome...

25得票7回答
在CSS中创建完美的彩虹渐变

使用linear-gradient在CSS中创建彩虹很容易。 #grad1 { height: 200px; background: linear-gradient(45deg, red, orange, yellow, green, blue, indigo, violet...

24得票4回答
能否通过CSS或jQuery事件的属性来线性渐变填充SVG中的分组路径?

如何为SVG图像中的一个填充渐变,而不是填充所选中的所有? 在这种情况下,我想展示非洲,只填充一个从黄色到红色的渐变,但由于子组的存在,填充会产生许多渐变。 Javascript代码:<script type="text/javascript"> function svgOve...

24得票3回答
在不使用背景图片的情况下,纯CSS实现跨浏览器文本渐变

我已经尝试了很多文本渐变的方法。我已经找到适用于Safari和Chrome的代码,但在其他浏览器中不兼容。我希望能够使其在不使用背景图片的情况下工作。如果您有任何合适的解决方案,请提供。

23得票1回答
使用JavaScript编辑CSS渐变

我正在Firefox中通过JavaScript编辑CSS渐变。 我有输入框,用户可以输入以下内容: 1. 方向 2. 第一种颜色 3. 第二种颜色 下面是HTML代码: <html> <head> <title>Linear Gr...

22得票2回答
WinForms中的多色线性渐变

如何在WinForms中创建多颜色线性渐变?System.Drawing.Drawing2D.LinearGradientBrush 只允许使用两种颜色。