[CSS3] Problem z transition ?

[cryptarithm]

Kiedy mam dwa transitions na jednego DIV'a to tylko jeden dziala.. w moim przypadku dziala tylko height, a opacity nie dziala... Jestem prawie 100% pewien ze mozna miec dwa rozne transitions w jednym div'ie. POMOCY!

o to kod:

Kod:

#header #user_panel {
    width: 300px;
    
    height: 35px;
    transition: height .50s ease-in-out;
    -moz-transition: height .50s ease-in-out;
    -webkit-transition: height .50s ease-in-out;
    
    background: black;
    
    opacity: 0.1;
    transition: opacity .50s ease-in-out;
    -moz-transition: opacity .50s ease-in-out;
    -webkit-transition: opacity .50s ease-in-out;
    float: right;
    margin-right: 25px;
    
}

Kod:

#header #user_panel:hover {
    width: 300px;
    
    height: 100px;
    transition: height .50s ease-in-out;
    -moz-transition: height .50s ease-in-out;
    -webkit-transition: height .50s ease-in-out;
    
    background: black;
    
    opacity: 0.5;
    transition: opacity .50s ease-in-out;
    -moz-transition: opacity .50s ease-in-out;
    -webkit-transition: opacity .50s ease-in-out;
    float: right;
    margin-right: 25px;
    
}

[Kartofelek]

Po co na forum czekać na odpowiedź, skoro pierwszy link w google odpowiada na twoje pytanie?

http://www.css3.info/preview/css3-transitions/

The Syntax:
transition: <transition> [, <transition>]*

<transition> = <transition-property> <transition-duration> <transition-timing-function> <transition-delay>

As with the individual transition-* properties, the transition shorthand property can be used to define multiple transitions, using a comma separated list.

[cryptarithm]

Zadzialalo dzieki

PS.

Szukalem w google, naprawde. Zwykle webmastertalk to ostatnie miejsce gdzie wchodze o pomoc .