Почему этот переход CSS не работает так, как предполагалось? [дублировать] ⇐ Html

[Anonymous]

У меня есть кнопка отправки в форме, и я пытаюсь сделать простой переход на горе. Я хочу, чтобы он поменял цвета текста кнопки и цвет фона кнопки. То, как у меня есть это прямо сейчас, текст успешно переходит с течением времени, но цвет фона все еще мгновенно переключает цвета. Как исправить это, чтобы сделать цвет фона, а также со временем измениться? Я использую Google Chrome, поэтому я вкладываю только -вет -транзицию. Как только я получу это, я добавлю другие для других браузеров.

Код: Выделить всё

< /code>

css: < /p>

#signupform
form
.submitbutton {
margin: 0 auto;
border-radius: 5px;
border: solid 2px #66cc66;
background-color: #66cc66;
color: white;
-webkit-transition: background-color 1s;
-webkit-transition: color 0.5s; }
#signupform
form
.submitbutton:hover {
background-color: white;
color: #66cc66;
-webkit-transition: background-color 1s;
-webkit-transition: color 0.5s; }

http://jsfiddle.net/ewkruuk3/

Подробнее здесь: https://stackoverflow.com/questions/315 ... s-intended