|
|||
CSS3 Animation background-size ruckelt in webkit browsern
Hallo ihr CSS-Cracks
Ich habe mir eine CSS-Animation gebastelt, die in webkit Browsern leider nicht so dargestellt wird wie ich es möchte. Es handelt sich um eine Art Herzpochen. Das habe ich so gelöst indem ich ein div mit dem background-image eines Herzen bestückt habe und das in einer Animation per background-size zwischen 90% und 100% hin- und herwechseln lasse. So soll dieses Pochen dargestellt werden. Im Firefox sieht dieser Effekt sehr schön aus. In webkit Browsern wie dem Chrome und Safari ruckelt die Animation aber heftig und sieht eher aus wie ein Herz was nicht mehr lange pocht :P Um es euch einfach zu machen habe ich den Code in Tinkerbin nachgebaut. Ihr könnt es ja einmal im FF und einmal in einem webkit-Browser öffnen und ihr seht was ich meine. Hier der Link zu Tinkerbin: http://tinkerbin.com/7c0QJPm8 Hat jemand eine Idee woran das liegt oder wie ich diesen Effekt auch anders umsetzen kann ohne Ruckeln? Vielen Dank und beste Grüße |
Sponsored Links |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Ausrichtung Kalender | greece4u | CSS | 20 | 14.05.2012 14:32 |
Inline Listenelement wird nicht richtig im background befüllt | SteveB | CSS | 3 | 28.04.2011 21:41 |
Problem mit CSS Style | flo007 | CSS | 3 | 25.01.2009 18:08 |
Float-Reihenfolge? | wolf1985 | CSS | 0 | 21.08.2008 02:35 |
Mozilla zeigt DIV zu oft an | cracki | CSS | 6 | 09.03.2008 16:22 |