mediengestalter.info
Datenschutzerklärung
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter
Aktuelles Datum und Uhrzeit: Fr 26.04.2024 23:08 Benutzername: Passwort: Auto-Login

Thema: CSS3 Animation: Schaukeln vom 06.05.2014


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Programmierung -> CSS3 Animation: Schaukeln
Autor Nachricht
MarsVolta
Threadersteller

Dabei seit: 17.12.2007
Ort: Wuppertal
Alter: 36
Geschlecht: Männlich
Verfasst Di 06.05.2014 16:06
Titel

CSS3 Animation: Schaukeln

 Antworten mit Zitat Zum Seitenanfang
Hallo Zusammen,

ich habe ein paar Elemente auf meiner Website, die ich gern schaukeln lassen möchte... Weich, sachte und langsam in einer Endlosschleife.

Habe es soweit auch hinbekommen:

Code:

@-webkit-keyframes schaukeln {
   from   {-webkit-transform: rotate(5deg);}
   to       {-webkit-transform: rotate(-5deg);}
}


.elemente {
   position: absolute;
   -webkit-animation:    schaukeln 3s linear infinite;
}


Das Problem ist nur, dass wenn er von -5 zu 5 rotiert ist, dann springt das Element wieder hart in den Ursprungszustand. Wie kann ich das hinbekommen, dass das Element dann auch wieder langsam zurück "schwingt"?
  View user's profile Private Nachricht senden
Newone.

Dabei seit: 11.03.2014
Ort: -
Alter: -
Geschlecht: -
Verfasst Mi 07.05.2014 00:00
Titel

Antworten mit Zitat Zum Seitenanfang
animation: alternate schaukeln 3s infinite;

http://codepen.io/anon/pen/FwGmn
  View user's profile Private Nachricht senden
Anzeige
Anzeige
SimonDerDude

Dabei seit: 15.01.2010
Ort: error: undefined
Alter: 35
Geschlecht: Männlich
Verfasst Mi 07.05.2014 09:18
Titel

Antworten mit Zitat Zum Seitenanfang
Ich täte noch einige Präfixe hinzufügen, falls das nicht schon klar ist.

-webkit
-moz
-o
standard
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
 
Ähnliche Themen CSS3 Animation funktioniert in FF nicht
Launching Page JS/CSS3 Animation
HTML5 & CSS3
Lizenz ie-css3.htc
CSS3 - Diskussionsthread
Navigation mit HTML5 und CSS3
Neues Thema eröffnen   Neue Antwort erstellen
MGi Foren-Übersicht -> Programmierung


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.

Mediengestalter.info ist ein Projekt von Webformatik :: Forensoftware: phpBB