Polish: subtle dot-grid backdrop in hero, fades to clean at edges via radial mask
This commit is contained in:
parent
141349c95e
commit
3165ff0f9b
@ -640,6 +640,13 @@ main {
|
|||||||
.hero {
|
.hero {
|
||||||
padding: 72px 0 56px;
|
padding: 72px 0 56px;
|
||||||
text-align: center;
|
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; } }
|
@media (min-width: 640px) { .hero { padding: 96px 0 72px; } }
|
||||||
|
|||||||
Reference in New Issue
Block a user