Achieve 3d perspective transforms on SVG Text

Is it possible to achieve 3d like perspective transforms on an SVG element ? I’m talking about something similar with how the Star Wars opening titles look like.
This is a jsfiddle I made with the same desirable effect achieved using css3 transform:
http://jsfiddle.net/rft762u6/1/

<section style="transform: perspective(200px) rotateX(-30deg); transform-origin: 50% 100%; text-align: justify; width: 100px;">
     <p style="backface-visibility: hidden;">TEXTTEXTTEXT</p>
</section>


Source: css3

Leave a Reply