Crear Cards HTML y CSS con efecto GLASS

Efecto glass css

¿Qué es el efecto Glass en HTML y CSS?

El efecto Glass es una forma de diseñar interfaces que busca imitar la apariencia del vidrio. Los elementos de la interfaz de usuario imitan las láminas de vidrio, normalmente colocadas sobre un fondo que contraste mucho para poder notar dicho efecto. usado de forma correcta, puede dotarla interfaz de un aspecto muy hermoso y elegante. El Glassmorphism goza de una gran popularidad entre los desarrolladores web, y es probable que siga siendo tendencia durante un tiempo.

Vamos a practicar más del efecto glassmorphism. En esta oportunidad vamos a crear tres tarjetas que asemejan la información de redes sociales de algún sitio web muy profesional, cada una de tarjetas posee los siguientes elementos:

  • Encabezado h4.
  • Botones.
  • Párrafo.
  • Iconos con FontAwesome.