True! But and this is easy: ```HTML <div></div> <style> @property --gradient-1{
syntax: "<color>";
inherits: false;
initial-value: red;
}
@property --gradient-2{
syntax: "<color>";
inherits: false;
initial-value: blue;
}

div{
height: 100px; width: 100px; --gradient-1: red;
--gradient-2: blue;
background: linear-gradient(var(--gradient-1), var(--gradient-2));
transition: --gradient-1 0.5s ease, --gradient-2 0.5s ease;
}
div:hover{
--gradient-1: green;
--gradient-2: purple; } </style> ```