CSS transitions – Background Color

Here is an example using a class

.someclass {
-webkit-transition: background-color 2s;
-moz-transition: background-color 2s;
-o-transition: background-color 2s;
transition: background-color 2s;

.someclass:hover {
background-color: #new color;

This page helped me get it working.


Here is a link to all the properties that can be effected.


I hope helps someone else out there…


Leave a Reply

XHTML: You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

This site uses Akismet to reduce spam. Learn how your comment data is processed.