Skip to content

Difuminar los bordes de la sección de entradas early bird con gradiente radial#198

Merged
francescarpi merged 1 commit into
mainfrom
fix/197_entradas
Jun 15, 2026
Merged

Difuminar los bordes de la sección de entradas early bird con gradiente radial#198
francescarpi merged 1 commit into
mainfrom
fix/197_entradas

Conversation

@francescarpi

@francescarpi francescarpi commented Jun 13, 2026

Copy link
Copy Markdown
Collaborator

Cierra #197

Problema

La sección de entradas early bird tenía un gradiente lineal vertical en el fondo. Solo se difuminaba arriba y abajo — los costados izquierdo y derecho mantenían la opacidad completa y, al recortarlos el overflow-hidden del contenedor padre, quedaban bordes visibles y duros.

Cambio

Se reemplazó el gradiente lineal del div de fondo en SectionEarlyBird.astro por un gradiente radial centrado:

class="absolute inset-0 bg-[radial-gradient(ellipse_at_center,rgba(252,160,156,0.22)_0%,rgba(252,160,156,0.12)_45%,transparent_75%)]"

La forma radial hace que el color se desvanezca de forma pareja hacia los cuatro costados. Se mantiene el mismo color --color-pycon-red-50 (#fca09c); solo se ajustaron los valores de alfa (0.22 en el centro, 0.12 al 45%, transparente al 75%) para conservar una intensidad visual similar a la original.

Verificación

  • Recargar / en pnpm dev
  • El halo rojizo ahora se difumina de forma uniforme hacia los cuatro bordes de la sección
  • El backdrop-blur-md del card interno y el resto del markup quedan intactos
  • Sin regresión de accesibilidad: se mantiene aria-hidden="true" en el div decorativo

Capturas

Antes:

SCR-20260613-jjur

Después:

SCR-20260613-jkzj

Closes #197

Replace the vertical linear gradient on the early bird background with
a radial gradient centered in the container so the four edges fade
smoothly into the page instead of cutting sharply. Closes #197
@francescarpi francescarpi changed the title fix(home): soften early bird section edges with radial gradient fix(home): difuminar los bordes de la sección de entradas early bird con gradiente radial Jun 13, 2026
@francescarpi francescarpi changed the title fix(home): difuminar los bordes de la sección de entradas early bird con gradiente radial Difuminar los bordes de la sección de entradas early bird con gradiente radial Jun 13, 2026
@francescarpi francescarpi requested a review from itziarZG June 13, 2026 08:18
@francescarpi francescarpi self-assigned this Jun 13, 2026
@francescarpi francescarpi merged commit 6069678 into main Jun 15, 2026
1 check passed
@francescarpi francescarpi deleted the fix/197_entradas branch June 15, 2026 09:06
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Retocar diseño sección entradas

2 participants