Tag: css-transitions
CSS-Übergänge erlaubt, bei änderungen der Eigenschaft in der CSS-Werte auftreten, gleichmäßig über einen festgelegten Zeitraum.
transition ease-out, rechts nach Links, wie?
3 Antworten
Leichtigkeit-out-normalerweise von Links nach rechts verschoben, jetzt will ich es ändern, von rechts nach Links Wie kann ich es in mein CSS ? Beispiel : transition: background-position 150ms ease-out; -moz-transition: background-position 150ms ease-out; -webkit-transition: background-position 150ms ease-out;
CSS relativ zu einer festen position - CSS-übergang
1 Antworten
Beschreibung Ich versuche, mich ein div so Aussehen, wie es wächst, wo es ist. Um dies zu tun ich bin ändern der position von relative zu festen, die den ersten übergang beginnen von top:0, left:0 statt der
wie man ein blinkendes Bild in CSS3
1 Antworten
Ich bin neu in CSS3 und arbeiten, die auf einem CSS3-code für blinkenden Bildern. Ich brauche nur ein Bild gezeigt mit es blinkt ständig. Ich kann kein GIF-Bild, da die Bilder dynamisch. Sie sollte beinhalten, was Sie
CSS-übergang funktioniert nicht im IE
1 Antworten
I cant get dieser übergang funktioniert in IE oder Firefox, Es sieht gut aus in Safari und Chrome. Die Opazität zeigt, ist allerdings ein Spontanzauber. Mir den unten CSS sieht richtig aus, und ich kann keinen Grund
Animation eines Elements, wenn die Maus auf zwei andere element mit css
1 Antworten
ich versuche zu animieren, ein div, wenn die Maus auf einem anderen div. Ihave folgenden code html <div> </div> <div class="content"> </div> css div { height: 100px; width: 100px; background: red; transition: all 0.4s ease-in-out; } .content
Wie kann ich stattdessen einen div zu offenbaren Inhalt mit CSS
5 Antworten
Also ich hab ein div, das erweitert werden soll, um zu zeigen Sie eine Liste, wenn die ein-und ausgeblendet. Die vor und nach Staaten, die hier gesehen werden können http://reversl.net/box/ aber was muss ich hinzufügen um mein
CSS3 div verschieben auf hover nicht Abbremsen
2 Antworten
Ok Jungs, hier ist das problem: ich habe dieses einfache Menü mit drei Menü-items, und ich möchten verschieben Sie die einzelnen div nach rechts jedes mal, wenn ich bewege den Mauszeiger über Sie (einfach, Recht? Leider nicht...)
Winkel-fade-animation mit css3 transtions
1 Antworten
Ich versuche, fade in/out ein div auf Klick auf den link mit ngAnimate und css3-übergänge. Ich habe Folgendes, aber es funktioniert nicht. Das div-Element angezeigt oder ausgeblendet werden, aber nicht ein-oder ausblenden. Wo habe ich bloß falsch
Slow down CSS Opacity-Animation
3 Antworten
Ich will zu verlangsamen animation-timing .Deckkraft CSS-Eigenschaft. Wie, ich will es zu Verzögerung 0,2 ms oder sowas. To get eine bessere Idee, die Deckkraft Hinzugefügt, wenn schwebte ein featured post auf meiner Website hier: http://www.thetechnodaily.com Denken Sie
Wie fade out nach hover mit CSS gemacht
1 Antworten
Habe ich ein Bild, das seine hintergrund-Farbe ändert sich bei hover. Es dauert 1 Sekunde, um die Farbe zu ändern, aber sobald die Maus bewegt sich aus dem Bild, es ändert sich wieder, ohne jede Wirkung. Wie
CSS Transitions Nicht Funktioniert?
4 Antworten
Was ich versuche zu tun ist, um einen übergang, wenn das div-Element mit der Maus auf. Alles funktioniert einwandfrei, nur der übergang, der nichts tut. Ich habe versucht, über die Eigenschaften der transition mit transition: all, transition:
Warum bewerben '-webkit-backface-visibility: hidden;' die Probleme lösen, die mit negativen margin-übergang auf ios / ipad 5.1?
1 Antworten
Habe ich stolperte über eine Lösung für mein Problem zufällig - und ich weiß nicht, wie die Anwendung behebt verstehe ich nicht. <ul> <li><img src="something.jpg" /></li> <li><img src="somethingElse.jpg" /></li> [+12 more <li>'s] </ul> Eine genaue, was ich
CSS3 transition/hover-Effekt funktioniert nicht im Firefox; Firefox-bug?
2 Antworten
Ich versuche zu schaffen, die einen mouse-over-Effekt, dass die Folien, die oberste Schicht nach Links und zeigen die Unterste Ebene mit CSS3. Der code funktioniert in Chrome aber nicht in Firefox...habe ich etwas dummes zu tun wieder?
CSS-system alternative zu Mauerwerk
4 Antworten
Ich erinnere mich an ein CSS-grid-system-alternative zu Mauerwerk (Vanille) http://masonry.desandro.com/ . Diese Website war ein schwarzer hintergrund und anzeigen/anordnen von farbigen Boxen (Periodensystem der Elemente) . Sie hatte auch das filtern von Feldern anhand Ihrer Form und
CSS-Übergang macht ein Bild nach oben und unten auf hover
2 Antworten
http://imgur.com/bXU8I Habe ich dieses Bild und weiß, ich muss den Einsatz von css-übergang zu machen, das vinyl nach unten, wenn über gescrollt? Wie würden Sie gehen über das tun dies? InformationsquelleAutor Joshua Hornby | 2012-08-22
CSS-übergang und z-index-Konflikt
2 Antworten
Für ein neues webdesign, die ich versuche zu kontrollieren, zwei 50% Breite Ebenen mit CSS-transitions-und z-index, aber es scheint te ein Konflikt: der z-index scheint zu langsam sein. Wie Sie sehen können, in die Geige, das weiße
webkit-transition-syntax in javascript?
5 Antworten
Ich bin auf der Suche nach der webkitTransition Objekt-Referenz function spawnAnimation(what){ //sets the moving element var moveingEl = document.getElementById(what); //gives temp transition property moveingEl.style.WebkitTransition = "left 2s"; //moveingEl.style.webkitTransition = "top 500ms"; var cLeft = moveingEl.style.left var cleft
CSS3 Transition Schieben Element nach Unten
1 Antworten
Ich versuche, wieder eine ähnliche Menü-Effekt finden Sie auf der World war Z Film-Website, aber ich kann nicht scheinen, Holen Sie sich die CSS-übergang funktioniert. Ich habe die hover-element, zum anzeigen der versteckten block, aber der CSS-Umstellung
CSS3 übergang von hintergrund-image für Firefox funktioniert nicht
2 Antworten
Mein hintergrund-Bild-übergang ist in Ordnung, die in Chrome, aber nichts in Firefox. Ich bin neu in CSS3-übergänge. Forschte und meine syntax scheint richtig zu sein. Von was ich gelesen habe FF sollte dies unterstützen. Ich bin auf
ein - /ausblenden element mit add/removeClass mit CSS-übergang
7 Antworten
Ich würde gerne ein - /ausblenden eines Elements mit addClass und removeClass Funktion animation mit CSS-übergang. Ich habe versucht auf diese Weise, aber wenn ich addClass "active" - display nicht angezeigt. .hidden { display: none; -webkit-transition: display
CSS Dropdown-Menü - CSS3 transition
2 Antworten
Im erstellen einer drop-down-Menü. Ziemlich einfach, funktioniert gut auf einem desktop-PC. Ich muss dasselbe markup für reagieren zu können. Stellen Sie sich das Menü wird angezeigt, wenn ein Benutzer auf ein Menü-Symbol, dann einfach alle Objekte in
Mehrere, gleichzeitige CSS3-transform-übergänge bei unterschiedlichen Geschwindigkeiten
3 Antworten
Frage: Ist es sogar möglich zwei verschiedene Transformationen auf ein element und lassen Sie den übergang bei unterschiedlichen Geschwindigkeiten? Beispiel ohne Transformationen (Fiddle): div { width: 100px; height: 100px; background: red; transition: width 1s linear, height 2s
Wie man den übergang Wirkung auf die css-sprite-hover
2 Antworten
Hier ein Teil meiner css-sprite-code #IconSet a { width: 36px; height: 36px; display: inline-block; } #DeviantArtIcon { border-width: 0px; border-style: none; background-image: url(http://static.monstermmorpg.com/images/csssprites/SocialIcons.png); background-color: transparent; background-repeat: repeat-x; background-position: -144px -0px; width: 36px; height: 36px; } #DeviantArtIcon:hover {
Warum ist css-übergang funktioniert nicht beim hinzufügen der Klasse mit javascript / jQuery?
3 Antworten
Habe ich eine message-box, die ich will, um nach unten rutschen auf klicken Sie auf. Ich tun dies durch hinzufügen einer css-Klasse durch Eckige (und jQuery in meinem Beispiel). Aber meine CSS-übergang nicht wirksam. Ist es offensichtliche
Übergang auf background-size funktioniert nicht
2 Antworten
Ich versuche, einen übergang auf mein hintergrund-Bild auf hover. Das ist mein Code bisher: HTML <div class="item-one"></div> CSS .item-one { height: 345px; width: 256px; background: url('http://placehold.it/256x345') scroll no-repeat center center; background-size: cover; -webkit-transition: background-size 1500ms linear; -moz-transition:
CSS-Übergang - Fade-Element auf Hover nur
2 Antworten
Ist es möglich, eine css-transition, blendet ein element auf schweben, sondern einfach das element ausblendet, wenn die Maus verlässt. d.h. schweben = fade für 0,5 Sekunden | hover out = no verblassen und sofortige InformationsquelleAutor Marty Wallace
ReactJS Übergänge - Warum funktioniert das nicht?
2 Antworten
Möchte ich für den übergang ein element, so ändert er sich in ein anderes element. Habe ich 3 Beispiele: eine, die arbeitet, verwendet aber eine Liste von Elementen gehalten werden, um (jsfiddle) eine, die nicht funktioniert, und
Verzögert blur-filter mit der transition in CSS3
1 Antworten
Muss ich zuerst tun eine verblasste Unschärfe auf ein element mit einer Verzögerung des übergangs nach dem laden. Zweite weitere element sollte eingeblendet werden. Ich bin mit der Animation.css. Ich bin mit der Animation.css. HTML <div class="main">
Wie fade-in hintergrund Bild von CSS3 Animation
1 Antworten
Mache ich ein Menü, dass jedes Element hat einen text wie item1, item2 und etc. in hover die Hintergrundfarbe wechselt, text wird transparent und ein hintergrund-Bild ersetzt. Ich habe diesen code zu erleichtern, in-und out-Stil. aber es
CSS-übergang auf eine zunächst versteckte elemement
6 Antworten
Ich würde gerne eine css-übergang auf ein element, das hat display: none gesetzt. Betrachten Sie den folgenden code: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>CSS Transition From Hidden</title> <style type="text/css"> div { -webkit-transition-property: all; -webkit-transition-duration: 2s; }
-webkit - vs -moz-transition
6 Antworten
Ich bin mit CSS3 transitions auf meiner Seite und die -webkit - scheint zu funktionieren, während die -moz - ist nicht. Hier ist der CSS: article {z-index: 2; float: left; overflow: hidden; position: relative; -webkit-transition: -webkit-transform 0.2s
Wie man diesen hover-Effekt mit CSS
4 Antworten
Ich hab schon das der Kreis Teil. Ich legen Sie eine hintergrund-Farbe von schwarz auf die div. und für den text, den ich Satz a:hover Farbe angezeigt. Ich kann einfach nicht herausfinden, wie ich einen:hover für das
Schieben Sie im text als Symbol schwebte
3 Antworten
Ich habe versucht, einen Effekt wo: Icon-Schriftart angezeigt wird, text, neben dem es versteckt ist. wenn Sie bewegen Sie den Mauszeiger auf ein Symbol, Folie der text, der ausgeblendet ist. Folie von der rechten Seite. Hier ist,
Rückseite-Sichtbarkeit nicht funktioniert in IE10 - funktioniert in webkit
5 Antworten
Baue ich eine einfache pure-css "- flip " Animationen, es hat arbeiten in IE10, doch leider ist das, was ich geschrieben habe nicht. jsFiddle demo hier oder Beispiel-html zip hier Kann ich sehen, dass die Rückseite der
Fade-In ein Div mit background-image nach dem laden
4 Antworten
Ich versuche zu verblassen in ein div hat eine inline-background-image in. Habe ich versucht, es auf Bilder auf die Seite laden, aber wie können wir erreichen, dass der Effekt mit hintergrund-Bilder in einem div. stackoverflow.com/questions/6285809/... Nein, nicht
Angularjs ng-animate, + css-übergang für Gleit-Effekt
2 Antworten
Ich versuche zu erreichen, Gleit-Effekt mit der neuen ng-animate Funktion der Winkelgeschwindigkeit. Ich habe schon einigen code aus der demo-site und vorbereitet fiddle. Das problem ist, dass die Elemente unterhalb der Schiebe - DIV hält Verlagerung nach
Füllen element von der Mitte auf hover
1 Antworten
Wie kann ich eine Schaltfläche erstellen, so dass auf hover die Hintergrundfarbe füllt das element von der Mitte Links und rechts neben dem element. Beispiel : Ich weiß, wie Sie CSS3 transitions und bekommen es zu animieren,
Drehen von text mit CSS3/HTML5
3 Antworten
Ich habe eine <span> dass ich drehen soll. Ich bin mit HTML5, CSS3 und Internet Explorer 9. Ich habe versucht, die unter CSS, aber es funktioniert nicht: -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); Wie wechsle ich den span? InformationsquelleAutor
So ändern Sie die Sichtbarkeit einer <div> - tag mit javascript auf der gleichen Seite?
5 Antworten
Arbeite ich an einer einfachen javascript-code. Basierend auf dem Zustand, den ich ändern sollte die Sichtbarkeit der tag von versteckt zu sichtbar. Ich soll javascript verwenden, allein. Kein jQuery oder AJAX. Jede Idee, oder Vorschlag, bitte. Sie
Wie kann ich erstellen Sie eine Schleife fade-in/out-Bild-Effekt mit CSS 3 transitions?
2 Antworten
Ich versuche, erstellen Sie eine Schleife fade in/out Effekt für ein Bild. Es funktioniert in Chrome, aber es funktioniert nicht in Firefox. Hier der code: http://jsfiddle.net/FTLJA/254/ (Ich habe es die Arbeit mit jQuery aber das machte den
Kann ich das anwenden einer CSS-übergang auf hover-out nur?
2 Antworten
CSS-transition-Eigenschaft können Sie animieren, auf beiden schweben-in & hover-out, wenn Sie den übergang wie folgt: #inner{ opacity:0; transition:opacity 2000ms; } #outer:hover #inner{ opacity:1; } Jedoch, wenn der übergang verschoben :hover Zustand, es passiert nur auf hover-in. #inner{
Kann ich mit :hover-trigger eine CSS3-animation (oder übergang), die läuft auch, wenn die Maus nicht mehr schweben
4 Antworten
Ich bin erstellen einer link-Liste, wo man link-container erweitert, wenn die Maus ( mit details, Bild und Beschreibung). Ich habe keine Probleme zu animieren mit css-übergänge und Animationen. Das problem ist, dass ich möchte Sie zu bleiben
Ausblenden element nach verblassen nur mit CSS
4 Antworten
Ich habe ein one pager, die zeigt, dass eine Seite zu einem Zeitpunkt und mit einer animation beim übergang von einer Seite zur nächsten. Es funktioniert wie folgt: Klickt der Benutzer auf eine Schaltfläche Ein ajax-Aufruf gemacht
CSS-übergang mit hintergrund-Farbverlauf
4 Antworten
Lerne ich über die Animationen/übergänge mit CSS3, aber in diesem code der übergang nicht funktioniert... warum? HTML: <div id="test"> </div> CSS: #test { background-color: #333; background-image: -webkit-linear-gradient(top, #333, #666); width: 100px; height: 100px; -webkit-transition: background 1s linear;
css fade-in-übergang bei block-text beim überfahren mit Bild?
1 Antworten
Also das ist mein code, und ich war auf der Suche zu verwenden, css3 übergänge, fade in die text-und Hintergrundfarbe beim hover das Bild. Ich habe versucht, zahlreiche Selektoren und übergangs Typen, aber nicht scheinen, um es
Wie man text langsam ändern, Farbe auf schweben?
4 Antworten
Möchte ich meine text-Farbe ändern, langsam, wie diese: http://trentwalton.com/2011/05/10/fit-to-scale/ Irgendwelche Ideen? CSS3 übergänge und lassen Sie es ordnungsgemäß beeinträchtigen. InformationsquelleAutor user9124 | 2013-05-22
Bootstrap-Karussell: Wie auf Folie zwei Karussell Schieberegler gleichzeitig?
4 Antworten
Habe ich drei Karussell-Schieberegler auf der single Seite und ich möchte, dass Sie sich zwei von Ihnen zur gleichen Zeit .ich.e. beides sollte sich ändern, Schieberegler Bilder in der gleichen Zeit. Beide haben die gleiche Anzahl von
Ändern webkit-transition-duration mit javascript auf dem iPad?
2 Antworten
Ich bin mit web-kit-übergänge in einer iPad-app. Sie funktionieren sehr gut. Aber ich Frage mich, was ich tun würde, um die Werte zu ändern von meinem übergang mit javascript. #container { -webkit-transition-property: -webkit-transform; -webkit-transition-duration: 1s; -webkit-transition-timing-function: ease-out;
wie man CSS-animation zu spielen alle 10 Sekunden
1 Antworten
Ich habe eine css animation, die es entweder unendlich wiederholen oder nur eine bestimmte Zeit. aber ich würde es gerne spielen wie 2 mal alle 5 Sekunden. Hier ist mein code: #countText{ -webkit-animation-name: color2; -webkit-animation-duration: 1s; -webkit-animation-iteration-count:
CSS3: Glühend hintergrund auf link-hover (nicht text-glühen)
1 Antworten
Ich habe ein Menü mit mehreren links. Ich möchte diese links haben einen glühenden Effekt in den hintergrund, wenn ich schweben. Ich habe es fast geschafft mit css-transition, box-shadow und ein heller hintergrund-Farbe auf die links. Das