If you can’t access to the live demo. Please try again later.
French developper, there can be spelling mistakes.
Scalable Vector Graphics is an image format which can be animated by javascript. This item enable you to animate a SVG document from a video (works also without video).
Editor
Thanks to the editor, you can draw your own animated SVG.
Import a video, define the video box size & design, add, delete and edit SVG forms. Animate them with Javascript thanks to powerful libraries Jquery.js, Keyframe.js, Velocity.js
Easily change/switch/swap every forms thanks to the WYSIWYG interface.
Create, modify and delete forms with a WYSIWYG. Set hover attribute, keyframe animation, path, tooltip message.
Documented and resourceful editor. Let’s build your own SVG project easily with a clear and modern design.
Design
The video has its own video box design with controls.
Animation
Three kinds of animations : Static, Keyframe, Path, Tooltip.
- Static : Define CSS attribute on oveflowing a form.
- Keyframes : Define CSS keyframe animation for each percent triggered on events.
- Path : Draw a path and make the forms follow this path triggered on events.
- Tooltip : Define text message on overflowing a form.
Make a difference on your website
Make interactive video or image on a modern and animated website.
IMPORT EXPORT YOUR PROJECT :
Thanks to the editor you can import and export your project in a .xml file.
EASILY INTEGRATED :
The integration is automatic and easy.
CLEAN REUSABLE CODE :
Modify and re-use source code.
Integration
Automatic integration. Compatible with all the browsers and for multiple integration.
Media
Video box :
Editor :
Example :
Thanks to Peter Finlan for the website : http://www.peterfinlan.com/
Kindly Note: We update new contents like WordPress Themes, Plugins, PHP Scripts everyday. But remember that you should never use this items in a commercial website. All the contents posted here for development & testing purpose only. We’re not responsible for any damage, use at your own RISK! We highly recommend to buy SVG (image) Animated from the The Developer ( gargouille56 ) website. Thank you.
Download = SVG (image) Animated-[Updated].zip