Questions tagged «linear-gradients»

6
使用CSS的SVG渐变
我正在尝试将渐变应用于SVG rect元素。 目前,我正在使用该fill属性。在我的CSS文件中: rect { cursor: pointer; shape-rendering: crispEdges; fill: #a71a2e; } rect在浏览器中查看时,元素具有正确的填充色。 但是,我想知道是否可以对这个元素应用线性渐变吗?

7
奇怪的渐变边框效果
在以alinear-gradient为背景的元素上应用透明边框时,我得到了怪异的效果。 请注意,元素的左侧和右侧没有适当的颜色(它们以某种方式切换)并且怪异地平坦。 的HTML <div class="colors"> </div> 的CSS .colors { width: 100px; border: 10px solid rgba(0,0,0,0.2); height: 50px; background: linear-gradient(to right, #78C5D6, #459BA8, #79C267, #C5D647, #F5D63D, #F08B33, #E868A2, #BE61A5); } 为什么是这样显示的元素的左侧和右侧的一个奇怪的效果,有什么我可以做些什么? 这是小提琴:http : //jsfiddle.net/fzndodgx/3/
By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.