mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Do 28.03.2024 14:40 Benutzername: Passwort: Auto-Login

Thema: Bild einblenden lassen wenn Seite aufgerufen wird. Mit CSS. vom 17.09.2014


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Programmierung -> Bild einblenden lassen wenn Seite aufgerufen wird. Mit CSS.
Autor Nachricht
teamoh
Threadersteller

Dabei seit: 02.07.2006
Ort: Hamburg
Alter: -
Geschlecht: -
Verfasst Mi 17.09.2014 21:31
Titel

Bild einblenden lassen wenn Seite aufgerufen wird. Mit CSS.

Antworten mit Zitat Zum Seitenanfang

Moin,

Ich würde gerne ein Bild einblenden lassen, wenn meine Internetseite aufgerufen wird.

Dies habe ich in meiner externen CSS Datei:

.bildeinblenden {
transition:All 1s ease-out;
-webkit-transition:All 1s ease-out;
-moz-transition:All 1s ease-out;
-o-transition:All 1s ease-out;
}

Wie kann ich das jetzt dem Bild auf der Internetseite zuweisen? Bzw. Geht das überhaupt?

Vielen Dank im Voraus!
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
tschuingum

Dabei seit: 17.06.2009
Ort: Karlsruhe
Alter: -
Geschlecht: -
Verfasst Do 18.09.2014 07:44
Titel

Antworten mit Zitat Zum Seitenanfang

Moin,

dir fehlt eine Eigenschaft,die durch transition verändert werden soll und ein Ereignis, dass die transition auslöst. Könnte z.B. so aussehen:

Code:
.bildeinblenden {
opacity: 0;
transition: all 1s ease-out;
}

.bildeinblenden:hover {
opacity: 1;
}


Wenn das Ereignis der Aufruf der Seite sein soll, wirst du dich mit Keyframe-Animationen beschäftigen müssen, also sowas:

Code:
@keyframes imgFadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}

.bildeinblenden {
animation: imgFadeIn 1s;
}
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Anzeige
Anzeige
 
Ähnliche Themen [Flash] Verlinkungsproblem, Szene wird nicht aufgerufen
Bild-Wechsel bzw. Austausch in einer PHP-Seite
Anordnung von Bild auf rechter Seite auf ca. 3/4 der Höhe!
Bild nachladen ohne Seite zu verändern 2
Verlinkung Thumbnail / gr. Bild auf gl. Seite mit Javascript
[javascript] bild nachladen ohne seite neu zu laden
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.