Płynna zmiana z-index Opcje

[pietrov8]

Witam.

Mam oto animację w CSS dla dwóch obrazków:

Kod

img.images1{
position:absolute;
left:0;
z-index:0;}

img.images1:hover{
z-index:2}

img.images2{
position:absolute;
left:120px;
z-index:1;}

I wszystko działa jak należy, lecz chciałbym by to płynnie się odbywało coś w stylu fade in i out. Ma ktoś jakiś pomysł(IMG:style_emoticons/default/questionmark.gif)

[zegarek84]

innych materiałów nie chce mi się szukać ;]
Using CSS3 Transitions, Transforms and Animation

ps. jeszcze coby to było bezboleśnie przenikanie to obrazki daj w div'ach np. i po 2 takie same, z tą różnicą, że ten drugi jest wypozycjonowany nad pierwszym i oczywiście ukryty... gdy masz hover na danym div'ie pokazujesz obrazek z przezroczystością i tak aż będzie widoczny cały - skoro był ukryty, to z-index odpowiedni można było wcześniej ustawić... przy tym "algorytmie" łatwo to możesz zrobić albo za pomocą samego CSS [oczywiście nie we wszystkich przeglądarkach będzie to chodziło] albo za pomocą jQuery...

edit
tak teraz zwróciłem uwagę, że na tamtej stronie masz także przykłady z jQuery lub z samym CSS więc nie powinieneś mieć problemów

Ten post edytował zegarek84 9.06.2011, 23:43:35