Building a full transition strack with CSS3

    By admin    1 Comment     440 views

Search by Google

Here’s a revised declaration, adding the –moz- and –o- prefixes

as well as the actual CSS3 transition property. Again, we’re

putting the non-prefixed property last in the stack to ensure

that the final implementation will trump the others as the

property moves from draft to finished status.

a.foo {

padding: 5px 10px;

background: #9c3;

-webkit-transition: background 0.3s ease;

-moz-transition: background 0.3s ease;

-o-transition: background 0.3s ease;

transition: background 0.3s ease;

}

a.foo:hover {

background: #690;

}

With that stack, we’ll be smoothing out that background

color change in current versions of Safari, Chrome, and Opera, as well as future versions of any browser that chooses to support it.