/** * Add Custom Dynamic Variables. * * @link https://total.wpexplorer.com/docs/snippets/add-custom-dynamic-variables/ * @since 5.6.1 */ add_filter(…
Depth Scroll indicator – Laser Line on top
/*SCROLL INDICATOR*/
.scroll-watcher {
height: 10px;
position: fixed;
top: 0;
left:0;
z-index: 1000;
background-color: var(--wpex-accent, red);
width: 100%;
scale: 0 1;
transform-origin: left;
animation: scroll-watcher linear;
animation-timeline: scroll(y);
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
@keyframes scroll-watcher {
to {
scale: 1 1;
}
}