Частичное обходное решение для перехода градиента заключается в использовании тени вставки в виде вставки - вы можете переходить либо сама тень окна, либо цвет фона - например. если вы создаете тень вставки с тем же цветом, что и фон, и используете переход на цвет фона, это создает иллюзию, что простой фон меняется на радиальный градиент
.button SPAN {
padding: 10px 30px;
border: 1px solid ##009CC5;
-moz-box-shadow: inset 0 0 20px 1px #00a7d1;
-webkit-box-shadow: inset 0 0 20px 1px#00a7d1;
box-shadow: inset 0 0 20px 1px #00a7d1;
background-color: #00a7d1;
-webkit-transition: background-color 0.5s linear;
-moz-transition: background-color 0.5s linear;
-o-transition: background-color 0.5s linear;
transition: background-color 0.5s linear;
}
.button SPAN:hover {
background-color: #00c5f7;
}