Slider circular con rotación horizontal

Dentro de la gran cantidad de experimentos que pueden realizarse con las herramientas de creación web, de vez en cuando encontramos planteamientos que se destacan y salen de lo que usualmente vemos. Este slideshow de imágenes puede ser una excelente opción para desplegar fotografías o dibujos ocupando un solo lugar y logrando la interacción con el usuario.

Este slider circular funciona en dos dimensiones una horizontal mediante la que podemos avanzar o retroceder para la visualización de las imágenes y otra que sigue el movimiento del mouse para ubicar las flechas y poder interactuar de la misma manera y en la dirección en la que se encuentre colocado.

Slideshow circular

Descargar Flipping Circle Slideshow | Ver Demo | Codrops

Este planteo es experimental, por lo que quizás no funcione de forma correcta en todos los exploradores (seguramente), por lo que necesitan probarlo antes de utilizarlo para una presentación o cuestiones similares. Si se deciden a hacer un sitio utilizando este código, necesitarán chequearlo y asegurarse de no perder información por la incompatibilidad.

Todas las opciones y experimentos que deseen hacer, además de intercambiar colores e imágenes para hacerlos coincidir con sus propios trabajos, puede hacerse con algunos conocimientos de las transiciones CSS3.

Categorizado en: