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 .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