Flexbox positioning, hover techniques

Community feedback

• 

  Danilo Blas•6,300

  @Sdann26Posted over 2 years ago

  Hola Carlos, no es exactamente un bug lo que pasa es que cuando se carga tiene un estado inicial y en ese estado el ojo tiene su posición y lo estas trasladando al medio para que quede centrado por eso se mueve, esto seria automático pero le has puesto animación.

  Ahora realmente no se como solucionarlo pero transition tiene varios atributos y solo has usado el de retardo y tipo de transición también tiene otro para ver la propiedad a lo cual quieres aplicar. Podrías poner algo como transition: opacity 300ms o no se depende de como quieras aplicarlo pero masomenos por ahí va la idea c:

  Por lo demás esta todo bien en tu proyecto no tengo nada que agregar, bien hecho.

  Marked as helpful

  0

  ---

  

  P

  Carlos Castillo•360

  @CharlieCastleWebPosted over 2 years ago

  @Sdann26 Muchas gracias Danilo! Investigando lo que me comentas he entendido que puedo aplicar diferentes transition según el efecto así que usando

  transition: .5s ease, transform 0s;

  ya consigo que el ojo me salga centrado al cargar. Sigo teniendo el problema de que al cargar se ve por un momento y desaparece, cuando no se debería ver hasta hacer hover. Seguiré investigando

  1