<link xmlns="http://www.w3.org/1999/xhtml" href="https://fonts.googleapis.com/css?family=Ultra" rel="stylesheet" type="text/css" />
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="600" height="100">
<defs>
<filter id="filter">
<feConvolveMatrix order="8,8" divisor="1"
kernelMatrix="1 0 0 0 0 0 0 0 0 1 0 0 0 0 0 0 0 0 1 0 0 0 0 0 0 0 0 1 0 0 0 0 0 0 0 0 1 0 0 0 0 0 0 0 0 1 0 0 0 0 0 0 0 0 1 0 0 0 0 0 0 0 0 1 " in="SourceAlpha" result="BEVEL" />
<feOffset dx="4" dy="4" in="BEVEL" result="OFFSET"/>
<feMerge>
<feMergeNode in="OFFSET" />
<feMergeNode in="SourceGraphic"/>
</feMerge>
</filter>
</defs>
<text class="filtered" x="20" y="85">Extruded</text>
</svg>
.filtered{
filter: url(#filter);
fill: #ccc;
font-family: 'Ultra', serif;
font-size: 100px;
}
View Compiled
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.