Почему не меняется цвет?

Question

[Артур]

Задумка: чтобы цвет кнопки плавно менялся при наведении.
Код:

$('.btns').on('mouseenter', function(){

		$(this).animate({
			backgroundColor: "#8470FF"
		}, 1000);

	});

Браузер (лиса) в консоли пишет: Ошибка при парсинге значения «background-color». Потерянное объявление.
Хорошо, попробовал через transitions:

.btns {
	-webkit-transitions: background 0.5s easy;

}

.btns:hover {
	background-color: "#8470FF";
	}

Пишет тоже самое. В чем проблема?

Answer 1

[Евгений Петров]

Для таких штук есть transition jsfiddle.net/petroveg/z73hy18f

Answer 2

[Сергей Протько]

jQUery из коробки не умеет анимировать цвета.

Решения:
плагин добавляющий эту возможность
css transition позволяющий сделать это стилями

Comments

[Артур]

Спасибо всем, буду разбираться.

Answer 3

[Виталий Киренков]

codepen.io/anon/pen/amDGI