Presentaciones estilo Pretzi con CSS3

Probablemente muchos de ustedes conozcan las presentaciones que se pueden hacer con la herramienta online Pretzi, en el caso contrario de no haber visto nunca una de estas, les comento que principalmente se trata de una forma de generar presentaciones interactivas en donde la pantalla gira en su totalidad según avanzan las diapositivas, mostrando un efecto realmente atractivo.

Ahora bien, a muchas personas no les gusta utilizar herramientas de terceros a la hora de realizar este tipo de trabajos, para ellos es que existe impress.js, un pequeño framework que hace uso de las propiedades de transformación y transición de CSS3 y que generá presentaciones prácticamente iguales a las que podemos lograr con Pretzi.

presentaciones estilo pretzi con css3

Impress.js es muy facil de utilizar, simplemente vamos creando nuevas divs asignando el tipo de rotación y escala que deseamos efectuarle al momento de realizar la transición.

El único punto negativo es que este pequeño framework casi no tiene documentación, por lo que tendremos que leer directamente el código fuente para enterarnos como funciona. Inclusive su autor bromea acerca de este aspecto mostrando un Yoda ASCII gigante en el código fuente para darnos la fuerza necesaria para leer el código completo 😀

Web: impress.js

Categorizado en: