Cómo crear efectos tridimensionales en las fotos de tu página web

Publicado el

efectos3D

Se pueden hacer verdaderas maravillas con Javascript, aunque cada vez más vemos cómo los efectos y recursos «adicionales» se van capando para que las páginas carguen más rápido y puedan posicionarse mejor en Google.

Es el dilema de siempre: ¿hacemos una web bonita y llena de efectos interesantes que ralentizan la carga o algo plano y limpio que cargue en 0,5 segundos?

Esta situación ha hecho que la web actual sea más rápida, sí, pero todo tiene un precio. Hay muchos recursos impresionantes que han dejado de usarse, muchos efectos que pueden incentivar a estar más tiempo en una web, o incluso recursos que pueden transformar al visitante de una tienda en un cliente de la misma.

Teniendo todo esto en cuenta, voy a recomendar durante los próximos días recursos que sean leves y atractivos al mismo tiempo.

Hoy os hablo de Atropos, una biblioteca de JavaScript liviana, gratuita y de código abierto, diseñada para crear impresionantes efectos de desplazamiento de paralaje 3D, inspirados en el efecto de paralaje de Apple tvOS.


Entre las características que ofrecen tiene:

– Utiliza eventos de puntero, por lo que funciona perfectamente tanto con el mouse como con las pantallas táctiles al mismo tiempo.
– No depende y no incluye ningún script de terceros.
– Tiene solo 2 KB minificado y comprimido con gzip.
– Viene con amplias posibilidades de personalización

Es completamente gratuito y de código abierto (con licencia del MIT). y podéis bajarlo, y ver ejemplos de su funcionamiento, en atroposjs.com.

Comparte en: