Feather request artwork into the page at the sides and bottom
This commit is contained in:
@@ -4979,3 +4979,11 @@ textarea:focus {
|
|||||||
.request-cinematic-title .request-poster { width: 68px; height: 102px; }
|
.request-cinematic-title .request-poster { width: 68px; height: 102px; }
|
||||||
.request-cinematic-title .page-heading h1 { font-size: clamp(1.8rem, 7vw, 2.5rem); }
|
.request-cinematic-title .page-heading h1 { font-size: clamp(1.8rem, 7vw, 2.5rem); }
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* Fade the entire artwork layer, including its tint, into the page surface. */
|
||||||
|
.request-cinematic-art {
|
||||||
|
-webkit-mask-image: linear-gradient(to bottom, #000 0%, #000 38%, transparent 100%), linear-gradient(to right, transparent 0%, #000 9%, #000 91%, transparent 100%);
|
||||||
|
-webkit-mask-composite: source-in;
|
||||||
|
mask-image: linear-gradient(to bottom, #000 0%, #000 38%, transparent 100%), linear-gradient(to right, transparent 0%, #000 9%, #000 91%, transparent 100%);
|
||||||
|
mask-composite: intersect;
|
||||||
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user