CSS Variables in Animations in CSS

:root {
  --rotation: 0deg;
  --scale: 1;
}

.element {
  transform: rotate(var(--rotation)) scale(var(--scale));
  transition: transform 0.3s;
}

.element:hover {
  --rotation: 360deg;
  --scale: 1.2;
}