diff options
| author | user@node5.net <user@node5.net> | 2025-08-03 11:28:44 +0200 |
|---|---|---|
| committer | user@node5.net <user@node5.net> | 2025-08-03 11:28:44 +0200 |
| commit | 0b78c87cc9057e1b1405ad9f46e4bd27d165f7ce (patch) | |
| tree | 6f923a3863703fb69dff2c46ee21cdf5a6bce522 /Custom keyboard V2/pcb/main.css | |
| parent | f67ff12ecdc993cf2752e44531c0d1a0d832bd95 (diff) | |
Custom keyboard V2 - Add PCB 3D model live view
Diffstat (limited to 'Custom keyboard V2/pcb/main.css')
| -rw-r--r-- | Custom keyboard V2/pcb/main.css | 35 |
1 files changed, 35 insertions, 0 deletions
diff --git a/Custom keyboard V2/pcb/main.css b/Custom keyboard V2/pcb/main.css new file mode 100644 index 0000000..f3c64a4 --- /dev/null +++ b/Custom keyboard V2/pcb/main.css @@ -0,0 +1,35 @@ +body { + margin: 0; +} + +#overlay { + position: fixed; /* Sit on top of the page content */ + width: 100%; /* Full width (cover the whole page) */ + height: 100%; /* Full height (cover the whole page) */ + top: 0; + left: 0; + right: 0; + bottom: 0; + background-color: rgba(0,0,0,0.5); /* Black background with opacity */ + z-index: 2; /* Specify a stack order in case you're using a different order for other elements */ + cursor: pointer; /* Add a pointer on hover */ +} + +#text{ + position: absolute; + top: 50%; + left: 50%; + font-size: 50px; + color: white; + transform: translate(-50%,-50%); + -ms-transform: translate(-50%,-50%); +} + +#text { + animation: spin 1.75s linear infinite; +} + +@keyframes spin { + 0% { transform: rotate(0deg); } + 100% { transform: rotate(360deg); } +} |
