SVG中的不同阴影效果

时间:2016-01-11 19:09:38

标签: svg

我知道fegaussianblur及其影响,但这似乎对我没有帮助。我从here找到了下面的代码,这在CSS中很有用,但在SVG中这种类型的东西是否可行,没有路径或CSS?

h1 {
  font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  font-size: 50px;
  padding: 80px 50px;
  text-align: center;
  text-transform: uppercase;
  text-rendering: optimizeLegibility;
  color: #131313;
  background-color: #e7e5e4;
  letter-spacing: .15em;
  
  /*Important Code Below*/
  text-shadow:
    1px -1px #767676,
    -1px 2px #737272,
    -2px 4px #767474,
    -3px 6px #787777,
    -4px 8px #7b7a7a,
    -5px 10px #7f7d7d,
    -6px 12px #828181,
    -7px 14px #868585,
    -8px 16px #8b8a89,
    -9px 18px #8f8e8d,
    -10px 20px #949392,
    -11px 22px #999897,
    -12px 24px #9e9c9c,
    -13px 26px #a3a1a1,
    -14px 28px #a8a6a6,
    -15px 30px #adabab,
    -16px 32px #b2b1b0,
    -17px 34px #b7b6b5,
    -18px 36px #bcbbba,
    -19px 38px #c1bfbf,
    -20px 40px #c6c4c4,
    -21px 42px #cbc9c8,
    -22px 44px #cfcdcd,
    -23px 46px #d4d2d1,
    -24px 48px #d8d6d5,
    -25px 50px #dbdad9,
    -26px 52px #dfdddc,
    -27px 54px #e2e0df,
    -28px 56px #e4e3e2;
}
<h1>Shadow Effect</h1>

0 个答案:

没有答案