Skip to content

Instantly share code, notes, and snippets.

@eimkasp
Created July 8, 2015 13:31
Show Gist options
  • Save eimkasp/16717f567c7b95b307ac to your computer and use it in GitHub Desktop.
Save eimkasp/16717f567c7b95b307ac to your computer and use it in GitHub Desktop.
svg gradient text with shadow
<svg
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink">
<defs>
<linearGradient id="textgradient" x1="0%" x2="0%" y1="0%" y2="100%">
<stop stop-color="#cdb57c" offset="0%"/>
<stop stop-color="#66481f" offset="100%"/>
</linearGradient>
</defs>
<filter id="dropShadow">
<feGaussianBlur in="SourceAlpha" stdDeviation="3"/>
<feOffset dx="2" dy="4"/>
<feMerge>
<feMergeNode/>
<feMergeNode in="SourceGraphic"/>
</feMerge>
</filter>
<text x="0" y="80" font-size="70" filter="url(#dropShadow)"
fill="url(#textgradient)" stroke="none">@lang('messages.gen_the_tribute')</text>
</svg>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment