Als «css-transitions» getaggte Fragen

Mit CSS-Übergängen können Eigenschaftsänderungen an CSS-Werten über eine bestimmte Dauer reibungslos durchgeführt werden.

3
CSS-Übergang mit nicht funktionierender Sichtbarkeit
In der folgenden Geige habe ich einen Übergang zu Sichtbarkeit und Deckkraft separat. Letzteres funktioniert, Ersteres jedoch nicht. Darüber hinaus wird im Falle der Sichtbarkeit die Übergangszeit als Verzögerung beim Schweben interpretiert. Passiert sowohl in Chrome als auch in Firefox. Ist das ein Fehler? http://jsfiddle.net/0r218mdo/3/ Fall 1: #inner{ visibility:hidden; transition:visibility …
6
CSS3-Übergang - Ausblendeffekt
Ich versuche, den "Ausblendeffekt" in reinem CSS zu implementieren. Hier ist die Geige . Ich habe mir online einige Lösungen angesehen, aber nachdem ich die Dokumentation online gelesen habe , versuche ich herauszufinden, warum die Folienanimation nicht funktioniert. Irgendwelche Hinweise? .dummy-wrap { animation: slideup 2s; -moz-animation: slideup 2s; -webkit-animation: slideup …
6
Warum verlangsamt das Aktivieren der Hardwarebeschleunigung in CSS3 die Leistung?
Ich bewege 6000 kleine div-Elemente in einem CSS3-Experiment mit einem Übergang von top: 0zu top: 145pxzu Testleistung. Die Verwendung ohne Hardwarebeschleunigung läuft in Google Chrome reibungslos. Wenn ich die Hardwarebeschleunigung über die translateZ(0)Leistung aktiviere, wird das schrecklich. Warum ist das so? Hier ist mein Beispielcode: http://dl.dropboxusercontent.com/u/17844821/tmp/hwtest.html Update (13.11.2014): Da diese …
2
CSS3-Übergänge: Ist "Übergang: Alle" langsamer als "Übergang: x"?
Ich habe eine Frage zur Rendergeschwindigkeit für die Übergangseigenschaft css3. Angenommen, ich habe eine Reihe von Elementen: div, span, a {transition: all} div {margin: 2px} span {opacity: .5} a:hover {background-position: left top} div:hover {margin: -100px} span:hover {opacity: 1} a:hover {background-position: -5px top} Es ist viel effizienter, alle Übergänge für alle …
9
So verhindern Sie, dass sich das Rendern von Webkit-Text während des CSS-Übergangs ändert
Ich verwende CSS-Übergänge, um zwischen CSS-transformierten Zuständen zu wechseln (im Grunde genommen wird die Skalierung eines Elements geändert). Ich stelle fest, dass der Rest des Textes auf der Seite (in Webkit) beim Übergang des Elements dazu neigt, das Rendering geringfügig zu ändern, bis der Übergang abgeschlossen ist. Geige: http://jsfiddle.net/russelluresti/UeNFK/ Ich …
7
CSS-Animation und -Anzeige Keine
Ich habe eine CSS-Animation für ein Div, das nach einer festgelegten Zeitspanne eingeblendet wird. Was ich möchte, ist, dass ein paar Divs den Raum des animierten Divs füllen, der hineingleitet, und diese Elemente dann auf der Seite nach unten schieben. Wenn ich dies zuerst versuche, nimmt div, das hineingleitet, immer …
4
CSS-Übergang beim Entfernen der Klasse
Ich habe ein Formular, das als Einstellungsseite fungiert. Wenn Formularelemente geändert werden, werden sie als markiert unsavedund haben eine andere Rahmenfarbe. Wenn das Formular gespeichert wird, werden sie durch eine andere Rahmenfarbe als gespeichert markiert. Ich möchte, dass der Rand beim Speichern des Formulars allmählich ausgeblendet wird. Die Bestellung wird …
4
Kann CSS3 die Schriftgröße ändern?
Wie kann man die Schriftgröße mit der Maus vergrößern? Farbübergänge funktionieren im Laufe der Zeit einwandfrei, aber die Schriftgröße wechselt aus irgendeinem Grund sofort. Beispielcode: body p { font-size: 12px; color: #0F9; transition:font-size 12s; -moz-transition:font-size 12s; /* Firefox 4 */ -webkit-transition:font-size 12s; /* Safari and Chrome */ -o-transition:font-size 12s; transition:color …
Durch die Nutzung unserer Website bestätigen Sie, dass Sie unsere Cookie-Richtlinie und Datenschutzrichtlinie gelesen und verstanden haben.
Licensed under cc by-sa 3.0 with attribution required.