eric/bridget
1
0
Fork 0
mirror of https://github.com/Sped0n/bridget.git synced 2026-04-21 13:39:30 -07:00
Code Issues Packages Projects Releases Wiki Activity

set css for overlay

Browse Source
This commit is contained in:
Spedon
2023-03-11 14:36:25 +08:00
parent 81207b5215
commit f1923b3d80
1 changed files with 38 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

38
assets/css/_partial/_overlay.scss Normal file
View File

@@ -0,0 +1,38 @@
.overlay {
background-color: transparent;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: -1;
display: grid;
cursor: none;
grid-template-columns: repeat(3, 1fr);
section {
width: 100%;
height: 100%;
}
.overlay_cursor {
position: absolute;
translate: -50% -110%;
font-size: 24px;
letter-spacing: 2px;
font-weight: bold;
color: greenyellow;
-webkit-text-stroke: 1px #fff;
}
.prev_section:hover > .overlay_cursor::after {
content: 'PREV';
}
.close_section:hover > .overlay_cursor::after {
content: 'CLOSE';
}
.next_section:hover > .overlay_cursor::after {
content: 'NEXT';
}
}