Aún no tienes acceso a esta clase

Crea una cuenta y continúa viendo este curso

Contenido principal

6/12
Recursos

Aportes 7

Preguntas 1

Ordenar por:

¿Quieres ver más aportes, preguntas y respuestas de la comunidad? Crea una cuenta o inicia sesión.

Las devTools de Chrome tiene una herramienta que me gusto mucho.
.

.
Que te permite modificar el

cubic-bezier

Tiene varios estados predeterminados para escoger.
.

.
Pero también puedes modificar los punto de Bézier a tu antojo.
.

.
Is Amazing!

Habia olvidado un pequeño detalle de las animaciones y me fui a la documentación. Esta brutal la doc 😮

Animaciones

Una explicacion muy profesional como trabajar con navbar y main content.

Contenido Principal

Esta clase me gusto mucho, ya que el proyecto va madurando y teniendo vida con las animaciones, transiciones, y el display flex que fue nuestra solución para el problema de posición del logo:

Consejo

Una forma fácil para no tener que escribir una cantidad en píxeles es usar porcentajes.

.main-content {
  transform: translateY(-100%);
  animation: 
      main-content
      0.5s
      ease-in-out
      forwards
      2s;
}
@keyframes main-content {
 100% { transform: translateY(0) } 
}

**Te dejo un enlace donde puedes ver el codigo por si tienes alguna duda
**
https://github.com/silfredo11/Lego-company-website-