File size: 1,146 Bytes
d712cef | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 | .electric-border {
--electric-light-color: oklch(from var(--electric-border-color) l c h);
position: relative;
border-radius: inherit;
overflow: visible;
isolation: isolate;
}
.eb-canvas-container {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
pointer-events: none;
z-index: 2;
}
.eb-canvas {
display: block;
}
.eb-content {
position: relative;
border-radius: inherit;
z-index: 1;
height: 100%;
}
.eb-layers {
position: absolute;
inset: 0;
border-radius: inherit;
pointer-events: none;
z-index: 0;
}
.eb-glow-1,
.eb-glow-2,
.eb-background-glow {
position: absolute;
inset: 0;
border-radius: inherit;
pointer-events: none;
box-sizing: border-box;
}
.eb-glow-1 {
border: 2px solid oklch(from var(--electric-border-color) l c h / 0.6);
filter: blur(1px);
}
.eb-glow-2 {
border: 2px solid var(--electric-light-color);
filter: blur(4px);
}
.eb-background-glow {
z-index: -1;
transform: scale(1.1);
filter: blur(32px);
opacity: 0.3;
background: linear-gradient(-30deg, var(--electric-light-color), transparent, var(--electric-border-color));
}
|