Jak zrobić animacje po najechaniu na przycisk w HTML ( jscript)?

Question

Chcę, żeby po najechaniu na przycisk on się podświetlał ( zmieniał kolor ) ale w sposób animowany, a nie nagły. Taki animowany :hover :)

Answer 1

selektor przyscisku{
transition: background 0.5s ease-in 0s; /* wprowadzenie animacji */
}

selektor przycisku:hover{
background: rgb(0, 162, 232); /* jakis kolor */
}

Mniej wiecej tak

Answer 2

:hover + transition nie potrzeba JS

Przykład:

http://codepen.io/kkondratowicz/pen/KroLPa

Comments

Czy wciąż powinniśmy dodawać prefiksy -moz i -webkit?

---

Prefiksy już nie są wymagane aczkolwiek jeszcze nie na wszystkich przeglądarkach jest to zaimplementowane:

http://caniuse.com/#feat=css-transitions

---

-webkit tak.