Advertisement
  1. Web Design
  2. CSS3
Webdesign

Cómo crear un rotador de imágenes "Cualquier cosa" con sólo CSS

by
Difficulty:BeginnerLength:QuickLanguages:

Spanish (Español) translation by Javier Salesi (you can also view the original English article)

Suele ser impensable desplegar un rotador de imágenes sin Javascript, pero en éste corto videotutorial aprenderás cómo crear un rotador de imágenes "de cualquier cosa" con sólo CSS, para presentar cualquier tipo de contenido que necesites.

Usaremos CodePen para éste proyecto, así que hay dos proyectos a los que necesitarás prestar atención. Primeramente, el pen (proyecto) base, que puedes copiar para continuar:


Luego está el resultado final, que puedes checar en CodePen. Así que, ¡haz una copia de éste proyecto base, luego sigue la lección en el video de abajo mientras creamos nosotros mismos un rotador de imágenes!

Observa el tutorial

 

Mira todo el Curso

Éste fue sólo uno de los proyectos incluídos en mi reciente curso, 10 Proyectos de CSS3: UI y Maquetado. En el curso completo crearás 10 proyectos UI y de Maquetado que te ayudarán a aprender algunas de las magníficas nuevas técnicas de diseño que presenta CSS3, desde pestañas animadas hasta un cubo giratorio 3D. 

¡Sé el primero en conocer las nuevas traducciones–sigue @tutsplus_es en Twitter!

Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.