Как интерполируется цвет при анимации? Что происходит, если указанная кривая безье выходит на пределы интерполируемого отрезка?
Т. е. есть
y = transitionTimintFunction(t) // некое текущее значение
с0 = rgb(255, 0, 0) // начальный цвет
с1 = rgb(0, 0, 255) // конечный цвет
как по ним посчитать функцию
c = color(c0, c1)(y) // интерполированное значение цвета
И что с ней произойдёт, если внезапно окажется, что y<0
или y>1
?
div {
width: 10em;
height: 10em;
transition: background-color 3s cubic-bezier(0,2,.5,-2);
background-color: red;
}
div:hover {
background-color: blue;
}
<div></div>