7 animaciones de carga creadas enteramente en CSS3

  • #css

Siete sencillas animaciones creadas 100% en CSS para mostrar mientras los datos están cargándose.

Hoy voy a compartir con vosotros 7 animaciones realizadas 100% en CSS3 para estados de "Cargando..." o "Loading...". Mediante el uso de keyframes, tal como vimos en este artículo, podemos conseguir animar elementos y realizar auténticas maravillas. Aunque en este caso, tan sólo son unas simples pero útiles animaciones.

Pulse

See the Pen Pulse by Felix (@felixsanz) on CodePen.

Double spin

See the Pen Double Spin by Felix (@felixsanz) on CodePen.

Flip

See the Pen Flip by Felix (@felixsanz) on CodePen.

Sound

See the Pen Sound by Felix (@felixsanz) on CodePen.

Portal

See the Pen Portal by Felix (@felixsanz) on CodePen.

Bar

See the Pen Bar by Felix (@felixsanz) on CodePen.

Vortex

See the Pen Vortex by Felix (@felixsanz) on CodePen.

¿Cuál os ha gustado más?

Compartir en