mirror of
https://github.com/Pax1601/DCSOlympus.git
synced 2025-10-29 16:56:34 +00:00
30 lines
961 B
CSS
30 lines
961 B
CSS
: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);
|
|
}
|