Learn how to apply CSS filters to your content inside of Edge Animate. Taken from Train Simple's Edge Animate Training

Join Adobe evangelist Alan Greenblatt as he shows you how to bring special effects previously seen only in programs like Photoshop, to your Web content. You already know HTML5 Canvas lets you draw beautiful 3D graphics on your Web page, but Alan will teach you what you can do with the rest of the content which you have so beautifully created. You will learn:• How to create your own cinematic effects with CSS Filters & Shaders• About the W3C specs to which Adobe is contributing• Which W3C specs describe and define filters and shaders• The state of these specs, what browsers they're implemented in, and where you can use them right now

Explore why SVG may be the most significant technology to leverage as myriad displays continue to emerge on an almost daily basis. Learn how to get started with SVG as well as how to ensure harmonization across web platforms with SVG2. During this session, Alan Greenblatt, Adobe Evangelist, and Dirk Schulze, Adobe Computer Scientist, will:- Outline the foundations of SVG such as drawing shapes, transforms, and animation- Demonstrate SVG features such as transforms, masks, clip-paths, and filters applied to HTML content- Provide a look at the SVG support in the tools you know and love, and show exactly what it is they are exporting- Explain the work Adobe has been contributing to CSS and SVG to bring vector graphics back to the forefront of web design- Showcase key SVG2 features such as masking, filters, text decoration, and advanced styling

Sarah Hunt, product manager, shows you powerful new features in Adobe Edge Animate, including CSS filters, gradients, and a visual UI for web fonts.

Edge Animate 1.5 has some exciting new features that include the addition of filters, implementing real web fonts, and adding gradients. Evangelist Paul Trani takes you through how to use these very exciting features in a real world project. Download Edge Animate 1.5 from the Creative Cloud today and give us your feedback on Twitter @EdgeAnimate @PaulTrani

This video demonstrates simple CSS shaders in action. CSS shaders define a filter effects extensibility mechanism, providing visual effects to all HTML5 content, and work particularly well with CSS animations and CSS transitions. (Read the article to learn more.)

This video demonstrates CSS shaders in action on a Twitter feed. CSS shaders define a filter effects extensibility mechanism, providing visual effects to all HTML5 content, and work particularly well with CSS animations and CSS transitions. (Read the article to learn more.)

This video demonstrates grayscale filter effects. CSS shaders define a filter effects extensibility mechanism, providing visual effects to all HTML5 content, and work particularly well with CSS animations and CSS transitions. (Read the article to learn more.)

This video demonstrates the proposed CSS shaders in action on an unfolding map. CSS shaders define a filter effects extensibility mechanism, providing visual effects to all HTML5 content, and work particularly well with CSS animations and CSS transitions. (Read the article to learn more.)

This video demonstrates CSS shaders in action on a flip book. CSS shaders define a filter effects extensibility mechanism, providing visual effects to all HTML5 content, and work particularly well with CSS animations and CSS transitions. (Read the article to learn more.)