CSS-el hogyan lehet megoldani azt, hogy X opacityről egy div és annak tartalma adott idő alatt, fokozatosan váltson át Y opacityre, ha ráviszem az egeret?

törtszámnál pontot használunk. :-)

de inkább millisecundumba add meg az a biztosabb. (ms)

Azért úszik be, mert alapból vagy nem azon a helyen van, vagy kisebb a hosszúsága és a transition mindenre érvényes, ha csak nem adod meg neki, hogy mire legyen az, neked most opacity kell.

transition: opacity 0.5s;

css-ben így nézzen ki:

#divneve{

opacity:1;

filter:alpha(opacity=100);

-webkit-transition: all 0.5s ease-in-out;

-moz-transition: all 0.5s ease-in-out;

-o-transition: all 0.3s ease;

transition: all 0.5s ease-in-out;

}

#divneve:hover{

opacity:0.5;

filter:alpha(opacity=50);

}