Ocena wątku:
  • 0 głosów - średnia: 0
  • 1
  • 2
  • 3
  • 4
  • 5
Problem z transition w css3
#1
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??
Odpowiedz
#2
Co konkretnie chcesz uzyskać ? Z obsługą transitions i background-image są jeszcze duże problemy Smile
Może coś takiego ?
http://jsfiddle.net/prawdziwypiotrek/xwA9K/
Odpowiedz
#3
Po prostu zrób dwa elementy i jednemu z transition zmień opacity na 0.
Odpowiedz


Podobne wątki…
Wątek: Autor Odpowiedzi: Wyświetleń: Ostatni post
  Css3 właściwość float-offset. finito 1 2,377 11-02-2013, 03:12
Ostatni post: Kartofelek
  [CSS3] Problem z transition ? cryptarithm 2 2,582 03-08-2012, 14:47
Ostatni post: cryptarithm
  HTML5/CSS3 Yavimava 3 3,302 08-12-2011, 03:59
Ostatni post: Kartofelek
  CSS3 PIE - problem SkuterPL 4 3,454 09-10-2011, 03:54
Ostatni post: SkuterPL
  Sposób na CSS3 w IE przemooomax 2 2,704 18-12-2010, 20:07
Ostatni post: przemooomax

Skocz do:


Użytkownicy przeglądający ten wątek:
Sponsorzy i przyjaciele
SeoHost.pl