Creative CSS Animations, Transitions and Transforms Course [Updated for 2021]

With an ever-increasing number of commercial companies having a web presence, the importance of user experience has never been more paramount. Knowing and implementing CSS is thus a key tool in any front-end or web developer’s toolkit.

Starting from scratch, this course will help you master CSS animations, transitions, and transforms.
The course starts with the CSS transition property, which is key to infusing life into any HTML webpage. The course then progresses to teach you how to implement CSS transforms, which is key to performing tasks such as moving elements around the page, scaling and rotating elements, and so on. The course then teaches you about transform functions that we can use in 2D and 3D environments.

The final section of this course is dedicated to CSS Animation Creative Examples. Here, you will learn and implement various text animation effects such as floating, loading, and animated text. You will also create interesting animations such as driving a car and motorbike. Additionally, by implementing the concepts taught earlier in the course, you will also implement a Newton’s Cradle animation.

By the end of this course, you will create over 80 projects of varying complexities and will be equipped with essential CSS tools.

The code files and all the required files are uploaded on GitHub at https://github.com/PacktPublishing/Creative-CSS-Animations-Transitions-…-

Type
video
Category
Web Development
publication date
2021-02-26
what you will learn

Master CSS animations, transitions, and transforms
Use the CSS clip-path property to animate HTML elements
Implement CSS 2D and 3D animations
Create animations with buttons and menus
Create animations with webpage text
Create over 80 animations and master the art of animating webpages

duration
482
key features
Create exciting 2D and 3D CSS animations * Animate HTML elements using CSS clip-path * Animate text using CSS animation
approach
With over 80 animation projects on CSS transitions, animations, keyframes, and so on, this course is designed to give you a hands-on experience in creating CSS animations.
audience
Whether you are a beginner or an experienced web developer, you can use this course to improve and/or learn CSS animations. This course is intended for anyone who wants to create webpage animations.
meta description
Create advanced CSS animations using transitions and transforms
short description
This course will help you master CSS animations, transitions, and transforms. This course will not only equip you with the theoretical know-how but also help you master CSS through 80+ hands-on projects.
subtitle
Master Advanced CSS Animations, Transitions, and Transforms
keywords
CSS, CSS transitions, CSS transforms, CSS animations, CSS keyframes, CSS 3D animations, CSS clip-path
Product ISBN
9781801071055