mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: So 16.12.2018 15:55 Benutzername: Passwort: Auto-Login

Thema: CSS animation-delay vom 27.01.2016


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> CSS animation-delay
Autor Nachricht
heav
Threadersteller

Dabei seit: 10.02.2004
Ort: Heimat der Inspiration
Alter: 34
Geschlecht: Männlich
Verfasst Mi 27.01.2016 18:37
Titel

CSS animation-delay

Antworten mit Zitat Zum Seitenanfang

Hallo,

ich hab ein div das ein Bild enthält.
Dieses div mit samt dem Bild wird über eine
CSS-Animation eingeblendet,
allerdings möchte ich den Zeitpunkt verzögern.

Per animation-delay funktioniert das zwar,
allerdings ist das Bild zu Beginn sichtbar,
wird nach dem angegebenen Zeitraum unsichtbar
und dann eingeblendet. Ich möchte aber,
das es von Beginn an unsichtbar ist und erst
nach der im delay angegebenen Zeit eingeblendet wird.

Setze ich das div von Beginn an auf opacity: 0
(im Beispiel auskommentiert, einfach mal die */ rausnehmen)
geht das zwar, allerdings verschwindet das Bild dann wieder
nachdem die Animation fertig ist.



http://codepen.io/anon/pen/eJrJQr


Zuletzt bearbeitet von heav am Mi 27.01.2016 18:37, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden
JanG

Dabei seit: 13.10.2002
Ort: Köln/Düsseldorf
Alter: -
Geschlecht: Männlich
Verfasst Mi 27.01.2016 18:51
Titel

Antworten mit Zitat Zum Seitenanfang

Opacity auf 0 ist schon ok,
ergänze es noch um

Code:
animation-fill-mode: forwards;


dann sollte das Bild sichtbar bleiben!

Peaze!
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Anzeige
Anzeige
heav
Threadersteller

Dabei seit: 10.02.2004
Ort: Heimat der Inspiration
Alter: 34
Geschlecht: Männlich
Verfasst Mi 27.01.2016 18:59
Titel

Antworten mit Zitat Zum Seitenanfang

merci!
  View user's profile Private Nachricht senden
 
Ähnliche Themen Content Delay mit Dreamweaver
CSS-Animation ohne Javascript
CSS Animation korrekt steuern
CSS Animation: translate3d / translate
jquery delay bei each nur einmal aufrufen
GOLIVE CSS-Animation DHTML-Zeitachse auf Monitor zentrieren?
Neues Thema eröffnen   Neue Antwort erstellen
MGi Foren-Übersicht -> Allgemeines - Nonprint


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.