Polish: subtle dot-grid backdrop in hero, fades to clean at edges via radial mask

This commit is contained in:
ask 2026-05-17 21:36:33 +05:00
parent 141349c95e
commit 3165ff0f9b

View File

@ -640,6 +640,13 @@ main {
.hero {
padding: 72px 0 56px;
text-align: center;
/* subtle dot-grid backdrop, fades to clean at the edges */
background-image:
radial-gradient(ellipse at center, rgba(0,0,0,0.05) 1px, transparent 1.5px);
background-size: 22px 22px;
background-position: center top;
mask-image: radial-gradient(ellipse at center, black 40%, transparent 80%);
-webkit-mask-image: radial-gradient(ellipse at center, black 40%, transparent 80%);
}
@media (min-width: 640px) { .hero { padding: 96px 0 72px; } }