Ir al contenido principal

🧪 Explorando bordes redondeados inversos

Estamos trabajando en una solución reutilizable para crear botones circulares que se encajan perfectamente en el borde inferior de tarjetas o imágenes, usando sólo Tailwind CSS y box-shadow en pseudo-elementos.

El objetivo es construir un bloque estandarizado y adaptable para loops de productos y secciones UI donde este patrón visual es común (ecommerce, catálogos, etc.).

🔧 La técnica usa:

  • ::before y ::after con sombras múltiples en "escalera"
  • Variables CSS para tamaño, color y redondez
  • Total control desde utilidades o style=""

🛠️ Pronto publicaremos el componente completo como bloque.

🧪 Explorando bordes redondeados inversos