zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden CSS3 Animation background-size ruckelt in webkit browsern

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 05.01.2013, 14:51
Erfahrener Benutzer
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 15.01.2011
Beiträge: 123
Barodscheff befindet sich auf einem aufstrebenden Ast
Standard 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
Mit Zitat antworten
Sponsored Links
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ä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


Alle Zeitangaben in WEZ +2. Es ist jetzt 13:38 Uhr.