En esta prueba experimentamos con la propiedad animation-delay de css3, con la que podemos retrasar la ejecución de una animación X segundos. Así creamos este efecto en el que parecen conectadas las tres burbujas.

Su uso es: -webkit-animation-delay: 2s; Dónde el único valor admitido es el número de segundos o milisegundos a retrasar la animación.

Si quieres ver cómo hemos realizado esta animación, inspecciona el código de esta página 😉

Menú