Create Modern CSS Animations

Curso
en
Inglês
15 h
Este conteúdo é classificado como 0 de 5
Fonte
  • De openclassrooms.com
CONDIÇÕES
  • Individualizado
  • Acesso livre
  • Certificado pago
Mais informações
  • 3 sequências
  • Intermediate Level

Their employees are learning daily with Edflex

  • Safran
  • Air France
  • TotalEnergies
  • Generali
Saiba mais

Detalhes do curso

Programa de Estudos

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é-requisito

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

Instrutores

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.

Editor

O OpenClassrooms (antigo Site du Zéro ou SdZ) é um sítio Web que oferece cursos de informática, ciências e empreendedorismo.

Os cursos em linha podem ser ministrados pela equipa do sítio, por professores de universidades ou Grandes Escolas parceiras ou pelos próprios membros do OpenClassrooms.

Atualmente, os cursos estão disponíveis em vários formatos: MOOC (Massive Open Online Course), texto web, e-book, livro e vídeo. A empresa emite certificações para determinados cursos, incluindo uma reconhecida pelo Estado, em parceria com a IESA Multimedia.

Plataforma

O OpenClassrooms (antigo Site du Zéro ou SdZ) é um sítio Web que oferece cursos de informática, ciências e empreendedorismo.

Os cursos em linha podem ser ministrados pela equipa do sítio, por professores de universidades ou Grandes Escolas parceiras ou pelos próprios membros do OpenClassrooms.

Atualmente, os cursos estão disponíveis em vários formatos: MOOC (Massive Open Online Course), texto web, e-book, livro e vídeo. A empresa emite certificações para determinados cursos, incluindo uma reconhecida pelo Estado, em parceria com a IESA Multimedia.

Este conteúdo é classificado como 4.5 de 5
(nenhuma revisão)
Este conteúdo é classificado como 4.5 de 5
(nenhuma revisão)
Conclua este recurso para fazer uma avaliação