Wednesday, December 12, 2018

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.

transition

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

https://www.w3.org/TR/css3-transitions/#animatable-properties

I hope helps someone else out there…

0 Comments

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>