Tak to wygląda. A to kod HTMLCSS: KLIK ! Chciałbym, aby w WebKit-cie wyświetlało tak jak na gecko(MF). Pomoże ktoś ?
Pozdrawiam
Tak to wygląda. A to kod HTMLCSS: KLIK ! Chciałbym, aby w WebKit-cie wyświetlało tak jak na gecko(MF). Pomoże ktoś ?
Pozdrawiam
#logo {
width: 420px;
height: 60px;
background-color: #f25a58;
-webkit-transition: .5s all ease-in-out;
-o-transition: .5s all ease-in-out;
transition: .5s all ease-in-out;
position: relative;
left: -120px;
}
#logo:hover {
left: 0;
margin: 0;
}
#logo > img {
display: inline-block;
width: 90px;
height: 90px;
position: relative;
top: -15px;
border: 5px solid #4f4c58;
opacity: 0;
-webkit-transition: 1s opacity ease-in-out;
-o-transition: 1s opacity ease-in-out;
transition: 1s opacity ease-in-out;
}
Przy takich obiektach lepiej jest używać “kierunków” (top, right, bottom, left, w zależności w którą stronę ma się “chować”), niż zmiany rozmiaru (width, height)… po części chyba po to pozycjonowałeś (absolute, relative, fixed wespół z “kierunkiem”… na niepozycjonowane top-left nie działa).
Druga sprawa, ściągawka podpowiada, że na IE poniżej 10-tki transition nie działa, a powyżej bez dopisku…
Wszystko OK. Dzięki !