Klemek
35 lines
638 B
CSS
35 lines
638 B
CSS
:root {
|
|
--wheel: color-mix(
|
|
in oklch,
|
|
var(--color-base-content) 30%,
|
|
var(--color-base-100)
|
|
);
|
|
}
|
|
|
|
.wheel svg {
|
|
transition: transform 5s ease-out;
|
|
}
|
|
|
|
svg text {
|
|
pointer-events: none;
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
-ms-user-select: none;
|
|
user-select: none;
|
|
}
|
|
|
|
.wheel::after {
|
|
content: "";
|
|
position: absolute;
|
|
left: 94%;
|
|
top: 50%;
|
|
width: 0;
|
|
height: 0;
|
|
border-right: 6vh solid
|
|
color-mix(in oklch, var(--color-base-content) 40%, var(--color-base-100));
|
|
border-bottom: 2vh solid transparent;
|
|
border-top: 2vh solid transparent;
|
|
transform: translateY(-50%);
|
|
clear: both;
|
|
}
|