+- Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów (https://www.webmastertalk.pl)
+-- Dział: Technologie internetowe - tworzenie stron WWW (https://www.webmastertalk.pl/forum-technologie-internetowe-tworzenie-stron-www)
+--- Dział: xHTML, CSS, JavaScript (https://www.webmastertalk.pl/forum-xhtml-css-javascript)
+--- Wątek: Problem z transition w css3 (/thread-problem-z-transition-w-css3)
Problem z transition w css3 - ziomalnb - 19-07-2013
Witam,
Mam mały problem z implementacją napisanego przejścia, konkretnie w przeglądarkach Firefox i Safari. O ile tą drugą jakoś bym przebolał to na zależy mi, aby wszystko działało na Firefox. Google Chrome, Opera i IE nie mają z odtwarzaniem tego przejścia.
Oto kod:
h3 {
background: url(_images/bgblank.png);
-webkit-transition: background 0.2s ease-in;
-moz-transition: background 0.2s ease-in;
-ms-transition: background 0.2s ease-in;
-o-transition: background 0.2s ease-in;
transition: background 0.2 ease-in;
}
h3:hover {
background: url(_images/contentbg.png);
}
Dodam, że h3 jest nagłówkiem widgetu Accordion z jQuery. Ktoś widzi jakiś błąd??
RE: Problem z transition w css3 - prawdziwypiotrek - 19-07-2013
Co konkretnie chcesz uzyskać ? Z obsługą transitions i background-image są jeszcze duże problemy
Może coś takiego ?
http://jsfiddle.net/prawdziwypiotrek/xwA9K/
RE: Problem z transition w css3 - MatixYo - 19-07-2013
Po prostu zrób dwa elementy i jednemu z transition zmień opacity na 0.