alexandrump/andaquenosabesna
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: quitar imagen de fondo fondo.jpg del hero

Browse Source
This commit is contained in:
alexandrump
2026-10-29 21:09:13 +00:00
parent 1b63d808f5
commit f8711dd464
1 changed files with 4 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files
public/styles.css
+4 -10
View File
@@ -50,20 +50,14 @@ a { color: inherit; text-decoration: none; }
.hero-bg {
position: absolute; inset: 0;
background:
radial-gradient(60% 50% at 50% 38%, rgba(46, 230, 255, .16), transparent 70%),
linear-gradient(180deg, rgba(6, 8, 13, .78) 0%, rgba(6, 8, 13, .92) 65%, var(--bg) 100%),
url("img/fondo.jpg") center 40% / cover no-repeat;
filter: blur(2px) saturate(.9);
transform: scale(1.04);
animation: drift 18s ease-in-out infinite alternate;
radial-gradient(60% 50% at 50% 38%, rgba(46, 230, 255, .18), transparent 70%),
linear-gradient(180deg, rgba(6, 8, 13, .60) 0%, var(--bg) 100%);
}
@media (max-width: 760px) {
/* en vertical la foto se muestra entera (ancho completo, arriba) y se funde con el fondo por abajo */
.hero-bg {
background:
radial-gradient(70% 38% at 50% 40%, rgba(46, 230, 255, .14), transparent 70%),
linear-gradient(180deg, rgba(6, 8, 13, .78) 0%, rgba(6, 8, 13, .85) 40%, var(--bg) 55%),
url("img/fondo.jpg") top center / 100% auto no-repeat var(--bg);
radial-gradient(70% 38% at 50% 40%, rgba(46, 230, 255, .16), transparent 70%),
linear-gradient(180deg, rgba(6, 8, 13, .60) 0%, var(--bg) 60%);
}
}
@keyframes drift { to { transform: scale(1.08) translateY(-1%); } }