weyne/DCSOlympus
1
0
Fork 0
mirror of https://github.com/Pax1601/DCSOlympus.git synced 2025-10-29 16:56:34 +00:00
Code Issues Packages Projects Releases Wiki Activity

Started multi purpose selection wheel

Browse Source
This commit is contained in:
Pax1601
2022-11-21 17:31:55 +01:00
parent 0c6142bf17
commit a10762ac0c
104 changed files with 242 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files

29
www/css/SelectionWheel.css Normal file
View File

@@ -0,0 +1,29 @@
:root {
--blue: #2d3e50AA;
--white: #FFFFFFAA;
--start_angle: 0deg;
--gradient_start: 0deg;
--gradient_stop: 0deg;
--animation_duration: 0.1s;
}
#selection-wheel {
border-radius: 50%;
background: conic-gradient(from var(--start_angle), var(--white) 0deg, var(--white) calc(var(--gradient_start) - 1deg), var(--blue) var(--gradient_start), var(--blue) var(--gradient_stop), var(--white) calc(var(--gradient_stop) + 1deg), var(--white) 360deg);
-webkit-mask: radial-gradient(transparent 30%,#000 31%);
mask: radial-gradient(transparent 30%,#000 31%);
}
#selection-wheel:before {
content: "";
display: block;
padding-top: 100%;
}
#selection-wheel-container {
margin: 0 auto;
position: fixed;
z-index: 1000;
width: 0px;
height: 0px;
transition: width var(--animation_duration), height var(--animation_duration), left var(--animation_duration), top var(--animation_duration);
}