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