Mit CSS-Übergängen können Eigenschaftsänderungen an CSS-Werten über eine bestimmte Dauer reibungslos durchgeführt werden.
Ich versuche, <ul>mithilfe von CSS-Übergängen eine Folie nach unten zu erstellen. Das <ul>beginnt um height: 0;. Beim Hover wird die Höhe auf eingestellt height:auto;. Dies führt jedoch dazu, dass es einfach erscheint und nicht übergeht. Wenn ich es von height: 40px;bis mache height:...
Ich entwerfe derzeit ein CSS-Mega-Dropdown-Menü - im Grunde ein reguläres Nur-CSS-Dropdown-Menü, das jedoch verschiedene Arten von Inhalten enthält. Im Moment scheinen CSS 3-Übergänge nicht für die Eigenschaft 'display' zu gelten , dh Sie können keinen Übergang von display: nonezu display:...
Ich kann anscheinend nicht die richtige Syntax für die Kurzform des CSS-Übergangs mit mehreren Eigenschaften finden. Das macht nichts: .element { -webkit-transition: height .5s, opacity .5s .5s; -moz-transition: height .5s, opacity .5s .5s; -ms-transition: height .5s, opacity .5s .5s;...
Können CSS-Übergänge verwendet werden, damit ein Textabsatz beim Laden der Seite eingeblendet werden kann? Mir gefällt sehr, wie es auf http://dotmailapp.com/ aussah, und ich würde gerne einen ähnlichen Effekt mit CSS verwenden. Die Domain wurde inzwischen gekauft und hat den genannten Effekt...
Es ist eine ziemlich einfache Frage, aber ich kann keine sehr gute Dokumentation zu den CSS-Übergangseigenschaften finden. Hier ist das CSS-Snippet: .nav a { text-transform:uppercase; text-decoration:none; color:#d3d3d3; line-height:1.5 em; font-size:.8em; display:block; text-align:center;...
Ich versuche, beim Schweben mit CSS über ein Miniaturbild zu wechseln, damit beim Schweben der Hintergrundverlauf eingeblendet wird. Der Übergang funktioniert nicht, aber wenn ich ihn einfach in einen rgba()Wert ändere , funktioniert er einwandfrei. Werden Farbverläufe nicht unterstützt? Ich habe...
Ist es möglich, CSS3-Übergangsanimationen beim Laden von Seiten ohne Javascript zu verwenden? Dies ist eine Art von dem, was ich will, aber beim Laden der Seite: http://rilwis.googlecode.com/svn/trunk/demo/image-slider.html Was ich bisher gefunden habe CSS3-Übergangsverzögerung , eine Möglichkeit,...
Gibt es Ereignisse, die von einem Element ausgelöst werden, um zu überprüfen, ob ein CSS3-Übergang begonnen oder beendet
Gibt es eine browserübergreifende Lösung, um einen Slide-In-Übergang nur mit CSS und ohne Javascript zu erstellen? Unten finden Sie ein Beispiel für den HTML-Inhalt: <div> <img id="slide" src="http://.../img.jpg
Ich verstehe also, wie man sowohl CSS3-Übergänge als auch Animationen durchführt. Was nicht klar ist und ich gegoogelt habe, ist, wann ich welche verwenden soll. Wenn ich zum Beispiel einen Ball zum Abprallen bringen möchte, ist klar, dass Animation der richtige Weg ist. Ich könnte Keyframes...
Ich versuche, mithilfe des CSS-Übergangs einen "Fade-In-Fade-Out" -Effekt zu erzielen. Aber ich kann das nicht mit dem Hintergrundbild zum Laufen bringen ... Das CSS: .title a { display: block; width: 340px; height: 338px; color: black; background: transparent; /* TRANSITION */...
Ich habe also die folgenden CSS-Übergänge an das a-Element angehängt: a { -webkit-transition:color 0.1s ease-in, background-color 0.1s ease-in ; -moz-transition:color 0.1s ease-in, background-color 0.1s ease-in; -o-transition:color 0.1s ease-in, background-color 0.1s ease-in; transition:color 0.1s...
.item:hover { zoom: 1; filter: alpha(opacity=50); opacity: 0.5; -webkit-transition: opacity .15s ease-in-out; -moz-transition: opacity .15s ease-in-out; -ms-transition: opacity .15s ease-in-out; -o-transition: opacity .15s ease-in-out; transition: opacity .15s ease-in-out; } Warum...
Was ist der Unterschied zwischen CSS3 Übergänge ease-in,
Ich möchte einen CSS-Übergang auf alle Eigenschaften außer der Hintergrundposition anwenden. Ich habe es so versucht: .csstransitions a { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; }...
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...
Ist es möglich, eine Benachrichtigung (wie einen Rückruf) zu erhalten, wenn ein CSS-Übergang abgeschlossen
Das Übergangsendeereignis von Webkit heißt webkitTransitionEnd, Firefox ist TransitionEnd, die Oper ist oTransitionEnd. Was ist ein guter Weg, um sie alle in reinem JS anzugehen? Soll ich Browser schnüffeln? oder jedes einzeln implementieren? Ein anderer Weg, der mir nicht in den Sinn gekommen...
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?...
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....