Colección de ejemplos gratuitos de código de tarjetas HTML y CSS.
Una tarjeta es cualquier tipo de elemento personalizado utilizado para facilitar la visualización de contenidos que comprende varios tipos de objetos como título, imagen, botón, etc.
Si están buscando las mejores tarjetas CSS gratuitas para sus sitios web, entonces están en el lugar correcto.
Tarjetas CSS
Un diseño de tarjeta CSS puro, este ejemplo aquí es una manera perfecta de destacar.
Tarjetas CSS con sombra paralela
Puedes usar este diseño de tarjeta para mostrar casi cualquier tipo de contenido, ofrece un diseño muy profesional.
Tarjeta CSS de perfil
Este diseño de tarjeta CSS está mejor hecho para tarjetas electrónicas personales y opciones de perfil, perfiles en redes sociales y similares.
Tarjetas CSS con cartas
Básicamente, el creador Dan Episode ha tratado de replicar la acción de barajar una baraja de cartas. Puedes ser creativo aquí y usar esta referencia para tus propios requisitos.
Tarjetas CSS inspiradas en Google Now
Esta tarjeta de información al estilo Google Now viene con animación de volteo de las tarjetas CSS.
Carrusel de tarjetas CSS
Un diseño de tarjeta CSS para presentar un carrusel funcional para mostrar el contenido.
Tarjetas CSS animadas
Comienza como lo que parece una simple tarjeta con un logotipo y el título. Sin embargo, cuando se pasa el ratón o se hace clic en, esta plantilla revela un efecto CSS suave que seguramente es llamativo.
Tarjeta CSS con animación flip
Esta tarjeta CSS utiliza un simple efecto flip.
Tarjeta CSS con recorte 3D
El flotador de la tarjeta de recorte 3D hace que el contorno y la sección interna de la tarjeta creen una tarjeta cuadrada simple.
Tarjetas mútiples
Cuando pasas el ratón, parece como si realmente presionaras un botón.
Tarjetas CSS comercio electrónico con cuadrícula
Ideal para mostrar descripciones de productos.
Tarjetas CSS con efecto
Esta tarjeta CSS inicialmente parece una galería de imágenes simple basada en cuadrículas con imágenes. Pero cuando la pasas el ratón, se produce un efecto visual.
Tarjeta CSS para comercio electrónico
Tarjeta Pure CSS
Tarjeta CSS para blogs
Con un efecto de suspensión suave de la imagen, puedes navegar u organizar el contenido de tu sitio.
Tarjeta CSS con efectos geométricos
Tarjetas 3D Pure CSS
Tarjetas CSS para empresas
Este es otro ejemplo de tarjetas CSS de aspecto profesional que es perfecto para ser utilizado en cualquier sitio de negocios o empresa.
Tarjeta CSS simple con volteo
Tarjeta CSS con cuadrícula isométrica
Tarjeta de blog html / CSS
Esta tarjeta está dirigida a blogs, revistas, noticias y cualquier tipo de sitios web editoriales.
Pila de tarjetas CSS
Tarjetas CSS volteables
Una tarjeta plegable, compuesta de divs para hacer una parte delantera y trasera virtual.
Tarjeta CSS en expansión
Todas las tarjetas se expanden y muestran el contenido restante al usuario cuando se hace clic en ellas.
Tarjeta para noticias de artículos
Un diseño básico de tarjeta con orden de colocación para cada elemento, ya sea el título, la imagen, el fragmento, la fecha de publicación y más.
Tarjetas CSS con efecto hover
Si está buscando tarjetas CSS que vengan con efectos hover, puedes usar este diseño.
Tarjetas de visita CSS 3d flip
Los detalles adicionales en esta tarjeta se revelan cuando pasas el cursor sobre los lados.
Tarjeta de visita CSS
El diseño mínimo de la tarjeta se lleva al siguiente nivel utilizando increíbles animaciones y efectos a través de la codificación CSS y JS.
Tarjetas CSS suizas
Tarjetas CSS con animaciones
Incluye tres efectos de animación diferentes.
Tarjetas de blog
Tarjeta CSS simple
Tarjetas Flippy
Unas tarjetas CSS con un diseño muy simple que puedes personalizar.
Tarjeta de visita 3D flip
Este ejemplo hace uso del efecto 3D clásico con un diseño basado en tarjetas de visita. El diseño de la tarjeta CSS está destinado a parecerse al estilo de la tarjeta de visita básica.
Tarjetas CSS divididas
Tarjetas CSS de productos en 3D
Ya sea un sitio comercial, personal o de la empresa, este diseño se puede utilizar en cualquier sitio.
Tarjeta para interfaz de usuario
Adecuada para tiendas en línea y sitios de negocios.
Tarjetas CSS
Tarjeta con efecto Paralax
Tarjetas CSS elementos químicos
Cuando se hace clic en, se voltea y se expande para revelar el contenido interior.
Tarjetas CSS testimonios
Tarjetas ideales para mostrar testimonios.
Tarjeta de artículo de entrada en blog
Con marcadores de posición para imágenes, textos, títulos y otros detalles. Perfecto para blogs.
Tarjetas CSS planas
