Deformar SVG en línea

La deformación es sin duda la parte interesante aquí. Algunas matemáticas sofisticadas literalmente transforman los datos de la ruta para realizar la deformación. Pero el trabajo de detalle de UX aquí es igual de bueno. Al desplazarse por la página, se acerca y se aleja mediante un transform: scale()voltorio SVG (¡inteligente!). Del mismo modo, mantener presionada la barra espaciadora te permite desplazarte, lo cual es tan simple como transform: translate()en otro envoltorio (¡inteligente!). Para deformar sus propios archivos SVG, simplemente arrástrelos y suéltelos en la página (¡fácil!).

Enlace directo →