про градиенты на css

Подскажите пожалуйста! Я зделал кнопку на свой сайт с градиентом (на css) но при наведении мышки она резко меняется на другой (градиент) , а как можна замедлить переход я знаю что css 3 есть такая возможность, но как это зделать это я не знаю. Помогите!!!