Als «css-transitions» getaggte Fragen

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

30
Wie kann ich die Höhe ändern: 0; zur Höhe: auto; mit CSS?
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: auto;, rutscht es nach oben height: 0;und …
2134 css  css-transitions 

30
Übergänge in der CSS-Anzeigeeigenschaft
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: block(oder eine beliebige Kombination) durchführen. Gibt es eine Möglichkeit für …
1447 css  css-transitions 

6
CSS-Übergangskürzel mit mehreren Eigenschaften?
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; transition: height .5s, opacity .5s .5s; height: 0; opacity: 0; overflow: …

3
Verwenden von CSS für einen Einblendeffekt beim Laden von Seiten
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 nicht mehr. Eine archivierte Kopie kann auf dem …

8
Wie kann man mehrere CSS-Übergänge für ein Element haben?
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; text-shadow: 0 -1.5em 0 rgba(255, 255, 255, 0.15); -webkit-transition: color .2s linear; -moz-transition: color .2s linear; -o-transition: color …

15
Verwenden Sie CSS3-Übergänge mit Verlaufshintergrund
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 auch versucht, ein Bild zu verwenden, es wird das …

11
CSS3-Übergangsanimation beim Laden?
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, Auswirkungen auf Elemente zu verzögern. Funktioniert nur beim Schweben. CSS3 Keyframe , arbeitet unter …


5
CSS 3-Einschub vom linken Übergang
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 /> </div>

9
CSS: Animation vs. Übergang
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 bereitstellen und der Browser …

13
CSS3-Hintergrundbildübergang
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 */ -webkit-transition: background 1s; -moz-transition: background 1s; -o-transition: background 1s; transition: …

5
Deaktivieren / Deaktivieren von geerbten CSS3-Übergängen
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 ease-in, background-color 0.1s ease-in; } Gibt es eine Möglichkeit, diese geerbten Übergänge für bestimmte Elemente zu deaktivieren? …

3
CSS: Übergangsopazität beim Mouse-Out?
.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 animiert dies nur die Deckkraft, wenn ich mit der Maus darüber schwebe, aber nicht, wenn ich das Objekt mit der …


6
Wie wende ich den CSS3-Übergang auf alle Eigenschaften außer der Hintergrundposition an?
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; } .csstransitions a { -webkit-transition: background-position 0s ease 0s; -moz-transition: background-position …

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.