From the course: CSS: Animation
Join today to access over 25,500 courses taught by industry experts.
Helpful online tools for CSS - CSS Tutorial
From the course: CSS: Animation
Helpful online tools for CSS
- [Val] The web design community is full of helpful people. And because of that, we've got a lot of great online tools to help you create CSS animation. We've touched on some of these tools throughout the course, and now we'll look at them all in one place. For custom or expanded easing options, cubic-bezier.com and easings.net have you covered. On cubic-bezier.com, you can edit the handles and adjust to your own curve and even preview it right here on the site, as well as copy and paste it for use in your own work. Easings.net lets you preview a number of commonly used easing equations, including the power equations or Penner's equations as they're sometimes called. You can preview each of these to see how they look and also copy the CSS for use in your own work. For optimizing your SVGs before animating them, svgomg is my go-to SVG optimization tool. This is the browser-based version and you can also use other formats…
Download courses and learn on the go
Watch courses on your mobile device without an internet connection. Download courses using your iOS or Android LinkedIn Learning app.