Как с помощью jquery изменить hover эффект?

Question

[del993788]

Здравствуйте. Есть кнопка для формы обратной связи. В случае неправильного ввода, например, email, кнопка и её hover эффект должны изменить цвет на несколько секунд, а затем вернуться в исходное положение. У меня всё получилось сделать кроме единственного. Как сделать, чтобы на несколько секунд также менялся hover. Вот написал пример https://jsfiddle.net/phm5mv9x/1/ . Как сделать, чтобы на эти секунды тень меняла свой цвет на красный?

Answer 1

[Алексей Зуев]

jsfiddle.net/phm5mv9x

Answer 2

[Николай]

Просто добавьте стиль псевдокласса для класса error.

.error:hover {
  box-shadow: 0 0 30px rgb(212, 0, 0);
}

Answer 3

[Андрей]

https://jsfiddle.net/phm5mv9x/3/
так более элегантно