Carousel con perspectiva y en css3

DESCARGA : CSS3 Perspective Carousel

Carousel con perspectiva y en css3 , su nombre es:CSS3 Perspective Carousel, este es un plugin interesante que añade un efecto elegante y sencillo en la transición de las imágenes, la compatibilidad de este plugin es con distintos navegadores:

  1. IE7
  2. Opera
  3. Google Chrome
  4. Safari
  5. Firefox

Puedes utilizarlo con formatos de imágenes tradicionales como por ejemplo el jpeg, gif, png, etc.

 

El código es fácil de implementar siempre y cuando tengas los conocimientos adecuados (javascript, html):

El tag donde usas las imágenes:

<div class="carousel">

<ul class="carousel-wrapper">
<li class="carousel-box left">
<img src="assets/img/img1.jpg" alt="CSS3 Perspective Carousel">
</li>

<li class="carousel-box is-active">
<img src="assets/img/img2.jpg" alt="CSS3 Perspective Carousel">
</li>

</ul>
</div>

 

Tienes que agregar códigos del plugin para utilizar el plugin:



<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
 <script src="assets/js/carousel.js"></script>
 <script>
 (function() {
 Carousel.init({
 target: $('.carousel')
 });
 })();
 </script>

 

Sin más con esta implementación puedes tener un elegante efecto como este: http://www.pinceladasdaweb.com.br/blog/uploads/css3-perspective-carousel/, puedes cambiar de imagen dando clic en la siguiente imagen.

 

 

 

You may also like...