Rotación experimental de imágenes en CSS3

Hace algunas semanas compartía con ustedes algunas opciones experimentales de botones animados con CSS3, obviamente son primigenios y no funcionan en todos los exploradores por igual, incluso en algunos puede que ni siquiera se muestre algún cambio. Pero como todo indica que en algún momento CSS3 será desarrollado al punto de poder visualizarse correctamente en todos los exploradores por igual, lo mejor es ir analizando las posibilidades que nos brinda esta herramienta.

En esta oportunidad quiero mostrarles una serie de animaciones realizadas a través de CSS3 para transiciones de imágenes, hay muchísimas opciones diferentes para experimentar y modificar, o simplemente pueden utilizarse de la forma en la que vienen planteadas. Tengan siempre en cuenta que esto es una prueba y que de utilizarse en un sitio podrían tener problemas de visualización.

Vista previa del panel con demostraciones de animaciones en CSS3

Descargar Experimental CSS3 Animatons | Ver Demo | Tympanus

<div id="te-wrapper" class="te-wrapper">
   <div class="te-images">
      <img src="images/1.jpg"/>
      <img src="images/2.jpg"/>
      <img src="images/3.jpg"/>
      <img src="images/4.jpg"/>
      <img src="images/5.jpg"/>
   </div>
<div class="te-cover">
   <img src="images/1.jpg"/>
</div>
<div class="te-transition">
<div class="te-card">
<div class="te-front"></div>
<div class="te-back"></div>
</div>
</div>
</div>

Aún así creo que no está de más conocer las opciones que nos ofrecen tanto CSS3 como JavaScript, saber que se pueden realizar estas cosas para aprender y conocer sobre qué trabajamos y las herramientas con las que podemos llegar a contar.

Categorizado en: