@shower/material
Version:
Material theme for Shower HTML presentation engine
21 lines (19 loc) • 549 B
CSS
/* Spotlight */
.spotlight {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
margin-top: var(--spotlight-top, 0);
margin-left: var(--spotlight-left, 0);
width: var(--spotlight-size, var(--spotlight-width, 256px));
height: var(--spotlight-size, var(--spotlight-height, 256px));
border-radius: var(--spotlight-radius, 50%);
box-shadow:
0 0 0 var(--slide-width)
rgb(
0 0 0 /
var(--spotlight-opacity, 20%)
);
pointer-events: none;
}