in

40+ Tarjetas CSS

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

Written by webgenio