- 169.254.1.1: So geht's zur Fritzbox! (108x gelesen)
- Irfanview auf deutsch (98x gelesen)
- Malwarebytes Anleitung (92x gelesen)
- Irfanview: Tipps & Tricks! (85x gelesen)
- Windows Zwischenablage öffnen und gespeicherte Daten ansehen (76x gelesen)
|
|
|||||||
|
CSS Transition: Warum es bei “visibility” nicht funktioniert – und was hilft!
Nur noch bis morgen: Mit Amazon Pay zahlen und 5 EUR Amazon Gutschein sichern!
Mit dem CSS Attribut “transition” lassen sich weiche Übergänge und auch CSS Animationen erzeugen: Durch die CSS Transition werden Zwischenwerte zwischen zwei Zuständen berechnet und angezeigt. Mit dem Attribut “visibility” geht das aber nicht: Visibility kann nur “visible” oder “hidden” sein: Es gibt keine Zwischenwerte. Um trotzdem ein sanftes Ein- und Ausblenden den Elementen per CSS Transition zu ermöglichen, muss man statt dem Attribut “visibility” den Wert von “opacity” nutzen: Damit lässt sich die Sichtbarkeit (oder Transparenz) einstellen. Statt den Wert von “visibility” von “visible” auf “hidden” zu setzen, ändert man die “opacity” von “0” auf “1”: Damit kann man mit dem CSS Attribut “transition” ein sanftes Ein- und Ausblenden realisieren: <div style="opacity:1;transition:all 3s;"></div> Ändert man jetzt die Eigenschaft von “opacity”, zum Beispiel per Javascript, sorgt die Transition jetzt für das Ausblenden über den eingestellten Zeitraum: In diesem Beispiel hier drei Sekunden.
Fragen zu diesem Tipp? In unserem Webmaster-Forum helfen wir weiter!
|
Mehr Tipps zu CSS Transition: Warum es bei "visibility" nicht funktioniert - und was hilft!Problem mit ICQ: Version 5.1 funktioniert nicht mehr (Lösung!) ICQ hat, wie schon früher, Nutzer älterer Versionen ausgesperrt. Nur mit einem Update auf die... iOS 5.0.1 Update hilft nicht: iPhone Akku weiterhin leer Apples Update des iPhone Betriebssystems sollte die Akku-Probleme des iPhone 4S eigentlich lös...
Ähnliche Fragen:
Tipps-Rubriken
© Computerhilfen.de (10568x gelesen) CSS Transition: Warum es bei "visibility" nicht funktioniert - und was hilft! |
|