小编Sha*_*hid的帖子

用渐变填充SVG形状

如何将线性渐变和阴影应用于此图案？

<svg viewbox="0 0 60 10">
  <pattern x="-8" id="waves" patternUnits="userSpaceOnUse" width="10" height="10">
    <path d="M0 10 V5 Q2.5 3.5 5 5 T10 5 V10" fill="#FFC338" />
  </pattern>
  <rect x="0" y="0" width="60" height="7" fill="url(#waves)" />
</svg>

Run Code Online (Sandbox Code Playgroud)

css svg linear-gradients

Sha*_*hid

2017 07-18

11
推荐指数

1
解决办法

1万
查看次数

用波浪边框SVG路径填充div

我想填充<div>颜色并添加阴影到边框,但我的代码正在这样做.我实际上需要它以图像中显示的方式.

<svg height="125" width="1349">
  <path d="M -35 100 s 35 50 75 0" stroke="rgb(255, 195, 56)" stroke-width="5" fill="none" />
  <path d="M 40 100 s 75 -125 150 0" stroke="rgb(255, 195, 56)" stroke-width="5" fill="rgb(255, 195, 56)" />
  <path d="M 190 100 s 35 50 75 0" stroke="rgb(255, 195, 56)" stroke-width="5" fill="none" />
  <path d="M 265 100 s 75 -125 150 0" stroke="rgb(255, 195, 56)" stroke-width="5" fill="rgb(255, 195, 56)" />
  <path d="M 415 100 s 35 50 75 0" stroke="rgb(255, …

Run Code Online (Sandbox Code Playgroud)

html css svg css3

Sha*_*hid

2016 05-18

5
推荐指数

2
解决办法

3088
查看次数