Steve Dennis ha realizado un experimento con CSS3 (obsérvalo con navegadores basados en webkit, como Chrome y Safari) en el que se muestra la caída de la ballena de Twitter, usando webkit-animation, totalmente renderizado con CSS. Las curvas están realizadas usando la propiedad CSS3 border-radius y los ángulos como los de las cuerdas están realizados con la propiedad overflow (overflow: hidden;).

Así es como se mostraría en Internet Explorer 8:

¿Qué os parece?

Si te ha gustado este artículo, puedes recibir gratis más y mejor por RSS, Twitter, Facebook o correo electrónico. ¡Muchas gracias por leerme!

 
Udemy