I've started playing around with CSS3 transitions in one of my projects, and I found that I basically want to have a transition on background color for every element that changes it on hover.
If I do something like
a {
transition-property: background;
transition-duration: 0.15s;
transition-timing-function: ease-out;
transition-delay: 0;
}
or even
* {
transition-property: background;
transition-duration: 0.15s;
transition-timing-function: ease-out;
transition-delay: 0;
}
is there any downside? Since it won't affect the elements that don't change background color, the only problem that comes to my mind is that it will have some effect on the browser.
Can using too many transition cause the browser to be laggy? Or are there any special cases where I should disable transitions all together?