visbug-lib
Version:
<p align="center"> <img src="./assets/visbug.png" width="300" height="300" alt="visbug"> <br> <a href="https://www.npmjs.org/package/visbug"><img src="https://img.shields.io/npm/v/visbug.svg?style=flat" alt="npm latest version number"></a> <a href
18 lines • 470 B
CSS
:host [mask] {
pointer-events: none;
position: absolute;
z-index: var(--layer-5);
width: var(--width);
height: var(--height);
top: var(--top);
left: var(--left);
background-color: var(--bg);
clip-path: polygon(
0% 0%, 0% 100%, var(--target-left) 100%,
var(--target-left) var(--target-top),
var(--offset-right) var(--target-top),
var(--offset-right) var(--offset-bottom),
0 var(--offset-bottom), 0 100%,
100% 100%, 100% 0%
);
}