Course
Skills Expanded
Using SVG Filters for Web Design and Animation
In this course, we will harness the power of SVG filters for your future projects. Software required: Adobe Photoshop CC 2015, Sublime Text 2.
What you'll learn
In this course, we will harness the power of SVG filters for your future projects. SVG filters provide designers with many ways to manipulate objects including text, CSS rendered graphics, and photographs. This course will provide you with a fundamental overview of SVG filters by implementing them in two projects. Software required: Adobe Photoshop CC 2015, Sublime Text 2.
Table of contents
Introduction and Project Overview
1min
Using SVG Filters for Web Design and Animation
94mins
- Preparing the Assets for the Svg Playground 5m
- Writing the HTML for the Svg Playground 4m
- Adding the CSS and Beginning the Svg 9m
- Experimenting with More Svg Filters 7m
- Starting the Product Page Mockup 10m
- Designing the Second Product Page 8m
- Finishing the Mockup 5m
- Writing the HTML 7m
- Adding the CSS 10m
- Finishing the Product Page Project 9m
- Writing HTML and Svg for Gooey Buttons 4m
- Adding CSS Animations 9m
- Writing jQuery to Add Onclick Animations 8m