Ver todos
  • Escrito por Alan Gerardo Márquez
  • Rol en Mixen: Desarrollo Front End

Consejos y Trucos CSS que deberías saber: Parte 3

3. Animación en :hover con CSS

Recientemente, en la web, a donde voltees hay un efecto muy chido de animación que son agradables a la vista. La animación de los botones “call to action”, o simples links, son importantes para la tarea de obtener la atención dentro de la web.

En esta edición de trucos y consejos CSS, te traigo una pequeña animación para ponerle a tus anchor, que de esta manera podrás alentar a que el usuario de click donde tu quieras que de click.

See the Pen Trucos CSS 3 by GerardoMarquezMixen (@gerardomarquezmixen) on CodePen.

Las animaciones en los hover con CSS es una técnica de diseño que a simple vista te puede parecer difícil, pero la realidad es que la animación CSS es relativamente sencilla y no le carga peso a tu sitio web.

Solo ten en cuenta algo, solo úsalas cuando sea algo significativo, no cargues tu sitio web de animaciones innecesarias y tediosas, ya que puedes hacer que tu usuario se irrite y salga del sitio.

Salu2.