Create Modern CSS Animations

Name: Create Modern CSS Animations
Rating: NaN (0 reviews)
Author: OpenClassrooms

Cours

Anglais

15 h

Source

Sur openclassrooms.com

Conditions

À son rythme
Accès libre
Certificat payant

Plus d'informations

3 séquences
Niveau Intermédiaire

Their employees are learning daily with

Découvrir Edflex

Détails du cours

Déroulé

Part 1 - Get started with CSS Animations
1. Get the most out of this course
2. Get acquainted with animation for the web
3. Use CSS transitions for simple animations
4. Use pseudo-selectors to trigger CSS transitions
5. Apply the 12 principles of animation to the web
6. Create multi-property CSS transitions
7. Use timing functions to create more natural animations
Quiz: Have you built a strong foundation in CSS animations?

Part 2 - Translations, rotations, and opacity, oh my!
1. How do browsers render web pages?
2. Use the transform CSS property to ensure smooth animations
3. Change an element’s anchor point using transform-origin
4. Analyze animation performance with Chrome DevTools
5. Create more performant color animations using the CSS opacity property

Part 3 - Make your animations dynamic
1. Create more complex animations using CSS @keyframes
2. Construct CSS animations using the CSS animation properties
3. Manipulate and reuse CSS animations
4. Refine your animations with Chrome's animation tool
5. Put it all together

Certificate

Prérequis

To rock this course, you'll need a working knowledge of CSS, including Sass. You can obtain the required skills by completing the following three courses:

Build your first web pages with HTML and CSS
Create web page layouts with CSS
Produce maintainable CSS with Sass

Intervenants

Pat Gerke
Developer, animator, designer, and globetrotter

Max Mahmoud Wardeh
Experienced developer leading the architecture, development, and delivery of web and mobile projects globally and in multiple languages.

Éditeur

OpenClassrooms (anciennement le Site du Zéro ou SdZ), est un site web qui propose des cours autour de l'informatique, des sciences et de l'entrepreneuriat.

Les cours en ligne peuvent être réalisés aussi bien par l'équipe du site, des professeurs d'universités ou de grandes écoles partenaires que par ses membres.

Aujourd'hui, les cours sont disponibles dans plusieurs format : MOOC (Massive Open Online Course), texte web, e-book, livre et en vidéo. L'entreprise délivre des certifications pour certains cours, dont une reconnue par l'état, en partenariat avec IESA multimédia.

Plateforme