Hoy nos gustaría compartir un poco de inspiración para añadir elasticidad a los elementos. La idea es integrar un elemento SVG en un componente y luego animar desde uno camino a otro con una animación elástica. Es por supuesto importante mantener las cosas sutiles y no exagerar la capacidad de rebote. Lo bueno es que podemos darle un aspecto más “realista” y retroalimentación interacción con el usuario. Especialmente retroalimentación táctil puede beneficiarse del uso de este tipo de efecto. En base a esta idea, hemos creado algunos ejemplos inspiradores de contextos en los que una mejora de animación forma cambiante podría tener sentido.
Para animar los IVS, utilizamos Snap.svg , la excelente biblioteca JavaScript SVG para navegadores modernos; Para la demostración de los elementos que pueden arrastrarse y lanzables que utilizamos Dragabilly por David DeSandro.
Tenga en cuenta que esto es altamente experimental y las demostraciones sólo se pusieron a prueba en las últimas versiones de los navegadores modernos.
Espero que hayan disfrutado de aprender algo nuevo hoy, deje su comentarios sobre cual elemento les gusto mas, mi favorito fue CIRCULAR MENU y recuerden darle LIKE a nuestra pagina en Facebook y siguenos en Twitter.
