animation2code benchmark
For best compatibility, please view this dashboard in a Chrome browser.
← back

rendered animation

CSS Skew Animation

1<svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 800 300">
2  <rect class="mouse" x="0" y="0" width="800" height="300"/>
3  <polygon class="ske-01 darkTulip" points="100, 280, 10, 150, 100, 20, 190, 150"/>
4  <polygon class="ske-02 tulip" points="300, 280, 210, 150, 300, 20, 390, 150"/>
5  <polygon class="ske-03 paleTulip" points="500, 280, 410, 150, 500, 20, 590, 150"/>
6  <polygon class="ske-04 palestTulip" points="700, 280, 610, 150, 700, 20, 790, 150"/>
7</svg>