This is my new CSS animation jouney with awesome SVG graphics.
Good to be here, lets start!
In this animation everytihng is in the SVG icon. In the HTML, we have an "object" and an "embed" element in it. And thats it. Every animation and transition code is in the SVG file.
How cool is this?! :)
In this animation everytihng is in the SVG icon. In the HTML, we have an "object" and an "embed" element in it. And thats it. Every animation and transition code is in the SVG file.
How cool is this?! :)
We have a .trigger div and a .hello div in it. The transition is cubic-bezier.
The event is a mouse click.
Because I used the transform property
You can paused the animation with a click. The JS code add an is-paused class to the animations class.