Tag: css-transitions
CSS-Übergänge erlaubt, bei änderungen der Eigenschaft in der CSS-Werte auftreten, gleichmäßig über einen festgelegten Zeitraum.
So erstellen Sie eine schwebende Menüleiste beim Scrollen nach unten
5 Antworten
Wenn ich nach unten gescrollt Ort-Anzeige schwarzen Menüleiste oben Aussehen float bar. aber ich denke, es gibt jquery mit eingebunden. Ich habe versucht CSS, aber scheint nicht für mich arbeiten, wie ich will, es zu #menucontainer {
CSS-Übergänge mischen absolute und relative Positionierung
2 Antworten
Kurze und süße version: Ist es möglich, zu kombinieren position: relative und position: absolute mit glatten CSS-übergänge? Ausführliche version: Ich bin ein kleines widget (ich nenne es ein Deck, das ich wan ' T, um der Lage
iOS Safari + CSS calc () + CSS Übergang = Instant Crash
7 Antworten
Wenn ich versuche, mit left: -webkit-calc(100% - 100px); (unter der Annahme, dass left: 0; initial state) funktioniert es in iOS 6.0.1 einwandfrei. Aber wenn ich das gleiche mit transition: left 1s linear; es sofort stürzt Safari jedes
CSS3-Farbübergang funktioniert nicht in Chrome
9 Antworten
Die links in der linken Menü in diese website haben eine CSS3 transition-Eigenschaft der colorwelche änderungen auf Maus hover. Es funktioniert nicht in Chrome 16 oder 17 (die Farbe ändert ist plötzlich), während andere übergänge in die
CSS: Übergangstrübung bei Mouse-Out?
4 Antworten
.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 dies nur animieren Sie die Deckkraft, wenn
Max-Höhe mit CSS-Übergängen animieren
4 Antworten
Ich will ein/ausblenden-animation, angetrieben nur durch den Klassennamen (javascript wird verwendet zum Umschalten der Klassennamen). Gebe ich eine Klasse max-height: 4em; overflow: hidden; und die anderen max-height: 255em; (ich habe auch versucht den Wert nonedie nicht animiert)
Ist es möglich die Fontawesome Icon Farben zu färben?
4 Antworten
Kann ich ändern, Schriftfarbe, nicht aber die "füllen". Zuerst habe ich versucht die Einstellung hintergrund-Farbe, aber das füllt das ganze Feld Symbol ein Bereich. Ich habe zum Beispiel <i class="icon-star-empty icon-large"></i> aber ich will es gelb zu
Kann CSS3 die Schriftgröße ändern?
4 Antworten
Wie kann man die Schriftgröße größer bei mouseover? Farb-übergänge funktionieren im Laufe der Zeit, aber die Schriftgröße wechselt sofort aus irgendeinem Grund. Beispielcode: body p { font-size: 12px; color: #0F9; transition:font-size 12s; -moz-transition:font-size 12s; /* Firefox 4
Verschiedene CSS-Übergangsverzögerungen für Hover und Mouseout?
3 Antworten
Ist es möglich, mit CSS3-übergängen mit einer anderen Verzögerung Umschalten zwischen "Staaten"? Zum Beispiel, ich bin versucht, um ein element sofort höher beim hover dann auf 'mouseout' , warten Sie eine Sekunde, bevor Sie zurück schieben, um
CSS: Animation vs. Übergang
5 Antworten
So, ich verstehe, wie Sie durchführen, CSS3 übergänge und Animationen. Was ist nicht klar, und ich habe gegoogelt, Wann welcher zu benutzen ist. Zum Beispiel, wenn ich wollen, um einen ball abprallen, ist es klar, die animation
Gibt es eine animierbare Übergangseigenschaft für CSS-Filter?
3 Antworten
Ich versuche zu animieren CSS-Filter, aber nicht finden können, keine Informationen über die korrekte übergänge Eigenschaften. Was sind Sie? Hier ein Beispiel: http://jsbin.com/onijim/3/ InformationsquelleAutor der Frage donleche | 2012-08-30
CSS-Übergang zwischen links - & gt; rechts und oben - & gt; untere Positionen
3 Antworten
Ist es möglich, mit CSS-transitions animieren, etwas zwischen einer Stellung, als left: 0px zu right: 0px so geht es den ganzen Weg über den Bildschirm? Ich brauchen, um zu erreichen das gleiche mit der Spitze nach unten.
CSS3-Übergang, um neue in JQuery erstellte Elemente hervorzuheben
3 Antworten
Ich möchte an einem CSS3-Farb-übergang anwenden von highlight-Farbe verblassen Effekt (gelb-transparent), um neue Elemente angefügt, um das markup mithilfe von JQuery. CSS #content div { background-color:transparent; -moz-transition:background-color 2s; -webkit-transition:background-color 2s; -o-transition:background-color 2s; transition:background-color 2s; } #content div.new
Der Unterschied zwischen CSS3-Übergängen erleichtert das Ein- und Aussteigen
1 Antworten
Was ist der Unterschied zwischen den CSS3 transitions' ease-inease-out usw.? InformationsquelleAutor der Frage user960567 | 2012-03-09
CSS, wie man ein Element einblendet und dann ausblendet?
2 Antworten
Kann ich ein element mit einer Deckkraft von null einblenden, indem Ihre Klasse an .elementToFadeInAndOut mit den folgenden css: .elementToFadeInAndOut { opacity: 1; transition: opacity 2s linear; } Gibt es eine Möglichkeit, die ich machen kann das
CSS-Übergang beim Entfernen der Klasse
4 Antworten
Ich habe eine form, die funktioniert, als eine Seite mit den Einstellungen. Wenn die form der Elemente sind geändert, Sie sind gekennzeichnet als unsaved und eine andere Rahmenfarbe. Wenn das Formular gespeichert wird, werden die markierten rettete,
CSS3-Übergänge in jQuery .css ()
2 Antworten
Wenn ich den übergang Zeile in meinem code, es bricht jQuery. Wie kann ich es beheben? a(this).next().css({ left: c, transition: 'opacity 1s ease-in-out' }); Ich versuche bis ein übergang von einem div zu der nächsten innerhalb eines
CSS3 Translate über einen Arc
1 Antworten
Ist es überhaupt möglich mit der aktuellen CSS3-übersetzen ein Objekt (genauer gesagt ein DIV) entlang eines Bogens oder Kurve? Hier ist ein Bild zur Veranschaulichung. InformationsquelleAutor der Frage Arron Hunt | 2012-01-06
CSS 3-Einschub vom linken Übergang
2 Antworten
Gibt es eine cross-browser-Lösung zur Herstellung einer Folie, die sich im übergang mit nur CSS, kein javascript? Unten ist ein Beispiel der html-Inhalt: <div> <img id="slide" src="http://.../img.jpg /> </div> InformationsquelleAutor der Frage Gimmy | 2013-06-07
Was ist schneller? CSS3-Übergänge oder jQuery-Animationen?
10 Antworten
Ich arbeite auf einem iPad HTML5-app und ich hab schon umgesetzt ontouch Unterstützung, um Ereignisse auszulösen schneller und ich bin mit jQuery zum ansprechen der Elemente einfacher, aber für die Animationen, ich bin mit CSS3 transitions Was
CSS-Übergänge mit: before und: after pseudo-Elementen
3 Antworten
Kann nicht scheinen zu animieren pseudo-Elemente mit -webkit-transition. Die Geige unten zeigt, was ich meine, wenn die Ausführung im Chrome/Safari, ich denke, dies wird nicht unterstützt jetzt? http://jsfiddle.net/4rnsx/130/ InformationsquelleAutor der Frage cjroebuck | 2012-03-21
Animation vom Display herunterschieben: keine Anzeige: Block?
5 Antworten
Gibt es eine Möglichkeit zum animieren von display:none auf display:block mit CSS so, dass die versteckten div rutscht nach unten, anstatt abrupt erscheinen, oder soll ich über diese einen anderen Weg? HTML: <div id="box"> Initial Content <div
Seltsamer CSS3-Übergang (Flackern)
7 Antworten
Wenn ich hover zu meinem button, es gibt einen weißen Blitz zum ersten mal beim starten den übergang. Warum muss es irgendwie flackert wenn ich eine css3 transition zu meinem button? Mein browser ist Google Chrome Siehe
Erweitern Sie div von der Mitte statt nur oben und links mit CSS
4 Antworten
Ich bin mir nicht sicher, ob das möglich ist, aber ich dachte, es wäre cool, mit CSS-Transformationen erstellen einen Effekt, bei dem ein div dehnt sich von der Mitte bis zu einer vorgegebenen Höhe und Breite, anstatt
Deaktivieren / deaktivieren Sie ererbte CSS3-Übergänge
4 Antworten
Also ich habe Folgendes css-übergänge an der a-element: 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
Wie normalisiere ich CSS3 Transition-Funktionen in verschiedenen Browsern?
10 Antworten
Webkit-transition end-Ereignis aufgerufen wird webkitTransitionEnd, Firefox ist transitionEnd, opera ist oTransitionEnd. Was ist ein guter Weg, um alle von Ihnen in reinem JS? Soll ich tun, browser-sniffing? oder die Durchführung jeder einzeln? Eine andere Weise, die noch
CSS-Transformation verursacht in Safari Flimmern, aber nur wenn der Browser & gt; = 2000px breit ist
6 Antworten
Sie haben richtig gelesen. Getestet auf mehreren Rechnern im Büro und der einzige Unterschied zwischen den Szenarien wurde die browser-Größe. Ein Mitarbeiter verengt Sie sich zu einem 2000px sweet-spot. Lo-und-siehe da, wenn wir jede Größe unseres Browser
Rückruf beim CSS-Übergang
4 Antworten
Ist es möglich, sich eine Benachrichtigung (wie Rückruf) wenn eine CSS-transition abgeschlossen ist? InformationsquelleAutor der Frage Pompair | 2010-01-18
CSS-Übergang mit Sichtbarkeit funktioniert nicht
2 Antworten
In der fiddle unten, habe ich einen übergang auf Sichtbarkeit und Deckkraft getrennt. Letzteres funktioniert aber das erstere nicht. Außerdem wird im Falle der Sichtbarkeit, den übergang so interpretiert, Verzögerung bei hover-out. Passiert in Chrome & Firefox.
Wie verwende ich transitionend in jQuery?
4 Antworten
Brauche ich, um zu erkennen, ob eine CSS-transition abgeschlossen ist, bevor Sie eine Funktion zu wiederholen, wieder, um zu verhindern, dass Unordnung auf die Margen. So wie cam ich habe so etwas wie if (transitionend == true)
Verzögern Sie Mouseout / Hover mit CSS3-Übergängen
2 Antworten
Habe ich eine box, die Größe ändert, wenn schwebte. Ich möchte jedoch die Verzögerung des mouseout-Stadium, so dass die box halten Sie die neue Größe für ein paar Sekunden, bevor man die alte Größe zurück. div {
Unterstützt Internet Explorer CSS-Übergänge?
3 Antworten
CSS-übergänge sind eine sehr nette Art und Weise zu animieren, die änderungen in der CSS-Eigenschaften. Tun alle Internet Explorer-Versionen unterstützen Sie? InformationsquelleAutor der Frage David Johnstone | 2011-02-24
Tabellenzeilen mit css3-Übergängen anzeigen / ausblenden
4 Antworten
Auf einem Teil meiner Seite ich bin mit css3 übergänge zum ein - /ausblenden einige divs mit einem schönen Schiebe-Effekt .service_status { max-height: 0; -webkit-transition: max-height 1s ease-in-out; -moz-transition: max-height 1s ease-in-out; -ms-transition: max-height 1s ease-in-out; -o-transition:
Kompass mehrere CSS-Übergänge
3 Antworten
Wie kann man mehrere css-übergänge, wie dies Jsfiddle mit Kompass? Was ich versuche zu tun, ist basecly schreiben Sie diesen code unten mit Kompass. -webkit-transition: top 0.3s ease-out, background .9s .5s ease-out; -moz-transition: top 0.3s ease-out, background
CSS3-Transformation drehen, verursacht 1px Verschiebung in Chrome
3 Antworten
Ich habe ein Problem in chrome mit einem css3-transform-rotate transition. Der übergang ist in Ordnung, aber nur, nachdem es beendet das element verschiebt sich um einen pixel. Die andere seltsame Sache ist, dass es nur passiert, wenn
Setzen Sie einen CSS3-Übergang auf none
3 Antworten
Wie würde ich es so machen, eine CSS-transition funktioniert nicht innerhalb einer Medien-Abfrage, oder in jedem anderen Fall? Zum Beispiel: @media (min-width: 200px) { element { transition: width 1s; } } @media (min-width: 600px) { element {
CSS3-Hintergrundbildübergang
11 Antworten
Ich versuche, mich einen "fade-in-fade-out" - Effekt mit CSS-übergang. Aber ich kann nicht ankommen dieses zu wirken mit dem hintergrund Bild... CSS: .title a { display: block; width: 340px; height: 338px; color: black; background: transparent; /* TRANSITION