prosim o radu ..
mam na strance tri image vedle sebe.
delam ve wysiwyg web builderu a kazdymu image nastavim v css3 animaci pri prejeti mysi zvetseni na trojnasobek.
problem mam v tom, ze kdyz prejedu treti vlozenej image,tak se zvetsi a prekryje image1 a2,
kdyz prejedu 2. image, tak se zvetsi nad 1. image,ale je pod 3. image
kdyz prejedu 1. vlozenej image, tak 2. a 3. jsou porad nad nim.
potreboval bych poradit, co dopsat do kodu k Image1:hover .. abych nastavil pozici image1 nad Image2 a image3
ted mam v css tohle:
- Kód: Vybrat vše
#Image1:hover
{
-webkit-transform: rotate(0deg) scale(5.0,5.0) translate(70px,0px);
-moz-transform: rotate(0deg) scale(5.0,5.0) translate(70px,0px);
-ms-transform: rotate(0deg) scale(5.0,5.0) translate(70px,0px);
transform: rotate(0deg) scale(5.0,5.0) translate(70px,0px);
-webkit-transition: -webkit-transform 500ms linear 0ms;
-moz-transition: transform 500ms linear 0ms;
-ms-transition: transform 500ms linear 0ms;
transition: transform 500ms linear 0ms;
}
jinak z-index je u image1: 18; image2: 19 a image3: 20 ...
poradite prosim nekdo ?? diky..