Check out these examples of projects made with Edge Animate, and learn how they were made by downloading and experimenting with the sample files. You can also find sample templates to help you get started with your first Edge Animate project. You'll be an expert in no time!
Watch these birds soar through the sky with realistic effects, using a sprite sheet and the new motion paths feature in Edge Animate. A parallax effect was added for additional depth. Other features used for effects are CSS filters (depth of field), an animated gradient, and integration with the Edge Web Fonts service. The entire project is also responsive to different screen sizes since it's using a percentage-based layout.
Give your brain a little exercise with this dynamically generated and randomized game. Hover over the banner to expose the game board and match each flower to its mate. This Edge Animate sample depends on the parent page to determine the size of the stage. In addition to a scalable stage, it features dynamic symbols, fonts from the Edge Web Fonts service, some code, and timeline choreography. Best of all, it leverages one transparent PNG for the entire project.
All-new Edge Animate is here. Join Creative Cloud to get Edge Animate CC and all the tools you need to create, collaborate, and stay connected.
What is Creative Cloud? →
