Blog

Edge Animate is a new motion and interaction tool for creating animated, interactive content using HTML, JavaScript and CSS. Edge Animate is designed to be powerful yet approachable and easy to use and this tool is free of cost.

Adobe Edge Animate offering the first full release of the product for free.

No Edge Animate does not support content creation with canvas, video or audio, but it can work with HTML that contains these tags.

Edge Animate includes interactivity features such as looping, hyperlinks, and animation control.

Everything that Edge Animate edits is created and stored in external JavaScript and CSS files. The only modification to the HTML of the web page is to include to these files and the required core jQuery and animation JavaScript framework. It is non-intrusive to the HTML and preserves CSS-based layouts.

Edge Animate works with:

• SVG,
• JPG,
• PNG and
• GIF file formats.

Code can be edited outside of Adobe Edge Animation, since Edge Animate works directly with HTML, CSS and JavaScript, any external code editor, including Edge Code, can be used. Actions code created in Edge Animate can also be edited by accessing the project’s “edgeActions.js” file.

Adobe Edge Animate features an Actions Editor that lets us enter custom JavaScript code for a function. A built-in code snippet library is also available in the Actions Editor for commonly used functions such as go to, stop, hyperlink, etc.

Edge Animate can open and add animation to HTML documents.

We can create compositions from scratch in Edge Animate, using drawing and text tools or imported web graphics. We can also add motion to existing HTML documents.

Adobe Edge Animate features a WebKit-based design surface and an intuitive timeline. You can animate HTML elements such as text, images (including SVG format) and more by modifying their visual properties in conjunction with the timeline.

Edge Animate is available in the following languages:

• English,
• French,
• German,
• Japanese,
• Italian, and