Tag: css-transitions

CSS-Übergänge erlaubt, bei änderungen der Eigenschaft in der CSS-Werte auftreten, gleichmäßig über einen festgelegten Zeitraum.

Rahmenstärke übergang

Anzahl der Antworten 1 Antworten
Gibt es eine Möglichkeit, ease-in-out-Grenze zwischen 2 dicken? Mein code: nav a { border-bottom: 1px solid #AADA4B; } nav a:hover { border-bottom: 3px solid #AADA4B; } Vielen Dank für die Hilfe. Sam. InformationsquelleAutor Sam | 2013-03-12

CSS3 Transition funktioniert nicht in Chrome mehr

Anzahl der Antworten 1 Antworten
Soweit ich mich erinnern kann, ich habe keine Probleme mit der CSS3-übergänge, für mich zu arbeiten, bis jetzt. Plötzlich (möglicherweise, weil Sie ein chrome-update oder sonstige Veränderungen an meinem code) hat es gerade aufgehört zu arbeiten in

css-übergänge funktionieren nicht in safari

Anzahl der Antworten 3 Antworten
Wenn du auf meine Seite schaust http://debourg-dev.ch/crea/ sehen Sie die übergangs-Effekte, die auf meine links funktionieren nicht in safari (getestet auf die neueste version auf dem mac). Mein code ist der folgende: a { color: inherit; text-decoration:

IOS-Safari übergang zu verwandeln funktioniert nicht

Anzahl der Antworten 1 Antworten
Immer, wenn ich scheinen, etwas code zu sagen wir verschieben ein div zum Beispiel mit der neuesten iOS-Safari-browser ist es nicht eigentlich der übergang zwischen den beiden Regeln. Ich habe versucht, die änderung zu nutzen, andere als

Reine CSS-scrolling-UL-LI Tabelle mit festen header

Anzahl der Antworten 3 Antworten
Ich bin zu versuchen, ein reines CSS-scrolling-UL-LI Tabelle mit festen header. Meine Anforderungen: Tabelle mit CSS (table, table-row, table-cell, table-header-group...) alle Zellen zu Listenelemente (LI) header behoben werden, wenn Tabelleninhalt scrollen wenn die Tabelle Spalte ändert die

Hover-Effekt : erweitern Unterste Grenze

Anzahl der Antworten 7 Antworten
Ich versuche, einen übergang hover-Effekt auf der Grenze, dass die Grenze erweitert auf hover. CSS: h1 { color: #666; } h1:after { position: absolute; left: 10px; content: ''; height: 40px; width: 275px; border-bottom: solid 3px #019fb6; transition:

Hinzufügen animierte überschriften, um den Owl-Karussell

Anzahl der Antworten 2 Antworten
Ich bin mit Eule Karussell, und habe versucht, fügen Sie animierte Bildunterschriften (nur eine einfache fadein auf Folie, display), aber kann nicht scheinen, um herauszufinden, wie es zu tun. Habe ich die Deckkraft aller Beschriftungen auf 0

Wie man Folie in divs aus dem off-screen in absolute-layout mit CSS-übergängen?

Anzahl der Antworten 2 Antworten
Habe ich ein raster von absolut positionierten divs (das Gitter ist aus unterschiedlich geformten Rechtecken, die zusammen passen, um ein großes Rechteck). Ich versuche zu animieren, die Anzeige des Rasters, indem er die einzelnen Rechtecke 'fly' in

CSS3 Transition nicht funktioniert

Anzahl der Antworten 5 Antworten
Konnte ich nicht, die übergänge zur Arbeit an auf dieser Seite, jemand hat eine Idee warum? div.sicon a { transition: background 0.5s linear; -moz-transition: background 0.5s linear; /* Firefox 4 */ -webkit-transition: background 0.5s linear; /* Safari

css3-webkit-animation zu stoppen, auf div:hover

Anzahl der Antworten 2 Antworten
Ich versuche eine animation mit webkit-animation und @-webkit-keyframes. Ich habe ein div-Element animiert mit den child-div in. Und ich würde aufhören, die webkit-animation der Eltern, wenn meine Maus über einem Kind. Irgendwelche Beispiele ? Dank InformationsquelleAutor Geraud

Wie animieren Sie ein element auf hover

Anzahl der Antworten 3 Antworten
Wie kann ich mein <div> Elemente wachsen (und sich der Inhalt ändert Textgröße, um eine höhere), wenn schwebte über? Ich habe Sie in eine Klasse und versucht: size: 150%; und height: +30px; width: +30px; den ersten versuchen

Ausblenden von div-hinter seinen Eltern?

Anzahl der Antworten 3 Antworten
<div class="content-wrapper"> <div class="popup"> <div class="close"> </div> </div> </div> .content-wrapper relativ positioniert und enthält alle für den Inhalt der Seite (und nicht nur das popup). .popup ist absolut positioniert. .in der Nähe ist auch absolut positioniert. Habe

WENIGER übergang mixin

Anzahl der Antworten 1 Antworten
Kann mir jemand zeigen, wie Sie die folgenden LESS mixin für den übergang die folgende Eigenschaft für .25s mit lineare Leichtigkeit? border-top: 6px solid #ff3300; .transition-properties(...) { @props: ~`"@{arguments}".replace(/[\[\]]/g, '')`; -webkit-transition-property: @props; -moz-transition-property: @props; -o-transition-property: @props; transition-property:

css3 background-size Abdeckung auf Prozentsatz animation zoom

Anzahl der Antworten 1 Antworten
Im Versuch, um einen zoom-Effekt mit hintergrund-Größe. Das Problem, das ich habe ist ich brauche zum animieren von background-size:cover etwas wie background-size: 105%. Wenn dies versuche ich es mit "transition: 0.1 s background-size linear" animiert von 0

CSS Footer am Ende der Seite

Anzahl der Antworten 1 Antworten
Ich eine Fußzeile möchten, Sie bleiben am unteren Rand der Seite. So habe ich ein DIV mit min-heigt:100% und ein DIV ohne Höhe-Einstellung für das animieren von ajax-content laden: HTML: <div class="main"> <div class="header navi>…</div> <div class="animater">

Wie erstellen Sie animierte Grenze auf hover

Anzahl der Antworten 4 Antworten
Ich will einen hover-Effekt wie in dieser Website: http://themes.creiden.com/circleflip/blog-with-sidebar/ Nur den Mauszeiger über den "Mehr" - link. http://joxi.ru/uXHGU_3JTJBkDpt35Iw Also habe ich versucht, so etwas zu tun, aber ich habe nur diese Variante http://jsfiddle.net/TY8CQ/ Code: HTML <a href="#">Click

Css-Übergänge einer nach dem anderen

Anzahl der Antworten 3 Antworten
Habe ich versucht, die CSS transitions zu spielen, eine nach der anderen ,bedeutet zuerst, es zu transformieren, die Breite und die spätere Höhe. Ich habe versucht, mit ein paar Optionen, aber alles vergeblich.Ich erreichte diese in den

Fehler in CSS3 rotateY übergang auf Safari?

Anzahl der Antworten 1 Antworten
Ich bin zeigt ein modales popup mit CSS3-übergängen (weitgehend entlehnt aus Effeckt.css). Es funktioniert in allen modernen Browsern außer Safari. In Safari, die Bewegung ist OK, aber die background-color snaps in ungleichmäßig. Dies ist der code, das

iOS CSS opacity + Sichtbarkeit übergang

Anzahl der Antworten 2 Antworten
Werfen Sie einen Blick auf den folgenden test in einem desktop-browser (JSFiddle): CSS: a { background: gray; display: block; margin: 100px; padding: 100px; } a span { opacity: 0; -webkit-transition: 0.5s; visibility: hidden; } a:hover span {

CSS-übergänge mit calc() nicht funktionieren im IE10+

Anzahl der Antworten 1 Antworten
Ich bin animieren Sie einen container auf mouseover von rechts nach Links mit CSS-übergängen. Dies funktioniert in allen Browsern außer dem Internet Explorer. Der Grund ist, dass ich (und auch benutzen müssen) calc() in meiner CSS left-Eigenschaft.

Spin oder drehen Sie ein Bild auf hover

Anzahl der Antworten 4 Antworten
Ich soll herausfinden, wie man eine drehenden oder rotierenden Bild, wenn es schwebte. Ich würde gerne wissen, wie zu emulieren, die Funktionalität mit CSS auf den folgenden code : CSS: img { border-radius: 50%; } HTML: <img

erkennen von css transition support mit modernizr

Anzahl der Antworten 3 Antworten
Werde ich mithilfe von css-übergang und ein jquery-plugin als fallback für Browser, die dies nicht unterstützen. Ich möchte mit modernizr zu erkennen, die css-Unterstützung für die Umstellung. Es ist übertrieben zu laden, gesamte Bibliothek für dieses, ich

CSS-Fade Zwischen Hintergrund-Bilder auf Hover

Anzahl der Antworten 8 Antworten
Gibt es eine Möglichkeit, dass ich Folgendes tun können? Habe ich ein transparentes png-sprite zeigt ein standard-Bild auf der linken Seite, und ein Bild für den :hover-Status auf der rechten Seite. Gibt es eine Möglichkeit, ich kann

Stellen Sie hintergrund-fade-out/in

Anzahl der Antworten 3 Antworten
Gibt es eine Möglichkeit, die ich verwenden kann, CSS3, verblassen in und aus einem festen weißen hintergrund <div>? die Inhalte sollten sichtbar bleiben, so dass nur der hintergrund soll verschwinden. Ideen mit css3-Transitionen/Transformationen? danke für Eure Hilfe.

CSS-Übergang Breite von Rechts nach Links

Anzahl der Antworten 6 Antworten
Ich habe eine überschrift (das Wort Willkommen), die sich offenbart, sobald die Seite geladen hat (onload=""). Fiddle im Falle der code unten funktioniert nicht. JS: function animate() { document.getElementById("mainText").style.width = "100%"; } CSS: #mainText { margin: 0px;

CSS3 Transitions: "übergang: alle" langsamer als "übergang: x"?

Anzahl der Antworten 2 Antworten
Ich habe eine Frage zu rendering-Geschwindigkeit für die css3-transition-Eigenschaft. 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}

Fade-in und erscheinen, fade-out und verschwinden mit nur css?

Anzahl der Antworten 1 Antworten
Ich versuche ein Menü zu erstellen, ein - /aus wenn eine Taste geklickt wird, und ich bin versucht zu tun, die Animationen mit CSS-transitions. Hier ist ein Beispiel, was ich erreichen will #menu{ background: red; display: block;

CSS-Glatt und fade-out-übergang (einschließlich text)

Anzahl der Antworten 3 Antworten
Ich habe einen einfachen hover-Effekt, dass änderungen der text-und hintergrund. Was ich gerne wissen würde ist, ob es einen möglichen Weg zu verlangsamen den fade-Effekt... ich bin sicher, Sie können mit dem transition css, aber ich habe

Folie + fade Effekt mit CSS transitions

Anzahl der Antworten 2 Antworten
Ich versuche zu replizieren dieser Effekt mit CSS-Effekte oder übergänge. Mit Animationen Ich kann animieren opacity, aber nur fadeIn und die height (die sollte die Kontrolle der slide -) scheint nicht zu funktionieren 🙁 Der nächste, den

CSS3 transition im IE11 nicht funktioniert

Anzahl der Antworten 2 Antworten
Warum dies funktioniert nicht nur am IE11? In FF und Chrome, es ist gut .js-search-item { width: 30px; padding: 0px; margin: 0px; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s

CSS3 fade-in, pause, fade-out auf hover

Anzahl der Antworten 1 Antworten
Habe ich eine Reihe von divs (Boxen) , wenn Sie über Ihnen schweben anwenden, einen farbigen overlay eingeblendet und ausgeblendet, wenn die Maus verlässt den div-Bereich. Allein mit CSS3, wie tun, passe ich meinen code um Folgendes

css/jquery zoom in mit animation

Anzahl der Antworten 3 Antworten
Möchte ich zoom in einem div auf Klick. Ich habe versucht, zu vergrößern, mit einer glatten animation. Hier ist mein code. Bitte korrigiert mich wo ich falsch Liege! $(".contentBox img").click(function(){ $("#mixedContent").animate({zoom: '150%'}, slow); }); Dank - jQuery

wie man glatte css-übergang

Anzahl der Antworten 2 Antworten
wie kann ich eine css-transition Beispiel wie in hier (die dropdown-Beispiel), bisher habe ich es geschafft, nur ändern Sie die text-und die Hintergrundfarbe, aber nicht die ganze übergangseffekt Sache (wobei das Rechteck Rollen, wenn schwebte und rollt

CSS-Seite-Flipping-Effekt

Anzahl der Antworten 1 Antworten
Ich Baue eine web-Anwendung, mit Wirkung ähnlich wie FlipBoard. Zuerst, ich versuchte zu verwenden diese open-source. Aber ich weiß nicht wirklich wie die Art, wie es umgesetzt werden (Duplikate erstellen für jede Seite und überlappen einander beim

CSS @Keyframes funktioniert nicht

Anzahl der Antworten 2 Antworten
Habe ich schon durch Beispiele und ich habe zu gehen, fehlt hier etwas. Ich kann nicht diese einfache css-animation, um das Feuer, das ändern der Farbe von text. Wenn ich das Beispiel weiter unten, der text bleibt

CSS-Übergang - Show div reibungslos

Anzahl der Antworten 1 Antworten
Hier ist die Idee: Ein div oben, die ist standardmäßig ausgeblendet und wird nach unten rutschen, drängen andere Inhalte, durch klicken auf eine Schaltfläche. Ein weiterer Klick, rutscht das div wieder verborgen werden, die Erhöhung der sonstigen

Hintergrundfarbe und-ms-linear-gradient Problem in IE8 und IE9

Anzahl der Antworten 1 Antworten
Unten sind die CSS angewendet und bekam dieses Problem, background-color: rgba(91, 94, 85, 0.5) !important; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F5B5E55,endColorstr=#7F5B5E55); filter:ms-linear-gradient(startColorstr=#7F5B5E55,endColorstr=#7F5B5E55); /*fix for round corner edges in IE9 and input mess rendering in all IE */ Bild 1 : FF,Chrome &

So erstellen Sie ein pop-up animation mit einem modal mit css?

Anzahl der Antworten 1 Antworten
Habe ich bereits erstellt, der modal-in css, aber wenn ich versuchen Sie, den übergang, so dass es erscheint, eher wie ein modales statt fading in, es funktioniert nicht. Ich habe versucht, die änderung der Dauer und der

Das anwenden von Rand-Unterseite mit einem css-übergang auf link-hover

Anzahl der Antworten 2 Antworten
Ich würde gerne eine gepunktete Linie angezeigt werden (mit einem glatten übergang) auf link-hover. Ich habe versucht, das unten, ohne Erfolg. Was ist das Problem? Vielen Dank, Sehen http://jsfiddle.net/94w8xb3a/1/ article p { margin-bottom: 1.1em; font-size: 16px; }

Wie man ein hintergrund Bild ein-und Auszoomen langsam

Anzahl der Antworten 1 Antworten
Ich würde gerne bringen Sie etwas mehr interaktive Elemente in meiner Webseite. Was ich gesehen habe, bevor auf einige website, ist, dass die background-image-zoom ' s langsam ein und wieder aus. Also, es sieht mehr aus wie

Übergänge auf dem display angezeigt: Eigenschaft

Anzahl der Antworten 24 Antworten
Bin ich derzeit der Gestaltung einer CSS "mega-dropdown" - Menü - im Grunde eine regelmäßige CSS-only dropdown Menü, sondern enthält verschiedene Arten von Inhalten. In dem moment, es scheint, dass die CSS3-Übergänge gelten nicht für die 'display'

background-image Deckkraft übergang auf schweben mit CSS3

Anzahl der Antworten 1 Antworten
Ich versuche, Hintergrundbild Deckkraft (0 bis 100%) der übergang, wenn der Benutzer setzen Sie den cursor über einen link. Ich habe smth like this: <div class="menu"> <ul class="sf-menu"> <li class="page_item page-item-2"> <a href="http://filip-hostel.pl/?page_id=2">o nas</a></li> <li class="page_item page-item-6">

jQuery splash-screen

Anzahl der Antworten 1 Antworten
Ich versuche, erstellen Sie ein jquery-splash-screen, die ich gefunden habe, eine perfekte Anleitung hier: http://tutorialzine.com/2010/11/apple-style-splash-screen-jquery/ aber Bedürfnis etwas Hilfe über das Bearbeiten-Skript. Derzeit, wenn Sie Ansicht es hier: http://demo.tutorialzine.com/2010/11/apple-style-splash-screen-jquery/ die text-Bilder über das apple-image ändern, aber ich

Ändern der hintergrund von unten nach oben auf schweben

Anzahl der Antworten 1 Antworten
Wie kann ich das ändern der hintergrund-Farbe auf a:hover mit einem übergang von unten nach oben mit einer Dauer von 0,3 s? <ul> <li><a></a></li> <li><a></a></li> <li><a></a></li> </ul> Ist das möglich? Dank Ja, das wäre okey InformationsquelleAutor user1878413

Übergang für das verschieben von Objekten mit position: fixed?

Anzahl der Antworten 1 Antworten
Dieser scheint, wie es sollte ein einfaches problem, aber ich bin kein CSS-Experte, und ich habe gegen meinen Kopf gegen die Wand zu versuchen, es herauszufinden. Also ich hab ein ContentHeader element, und wenn der Benutzer scrollt

Zoom-Effekt mit Css-übergang und Transformation?

Anzahl der Antworten 1 Antworten
Habe ich einen button mit der Größe 50 x 50. Auf schweben, ich brauche zu ersetzen, die Taste mit einem 70 x 70 Größe-Taste. Auch Der übergang sollte glatt sein. So, ich bin versucht, die CSS-transition und

Colorbox Scrollbars

Anzahl der Antworten 5 Antworten
Habe ich ein Bild, öffnet sich in einer lightbox (Colorbox ist das Skript). Wenn das Bild öffnet, fügte ich eine CSS3-Animation. Funktioniert Super, aber auf den ersten der lightbox hat, scrollbars, die verschwinden, sobald die animation abgeschlossen

warum css-übergang funktioniert nicht

Anzahl der Antworten 2 Antworten
Ich versuche hinzuzufügen, übergang, aber es funktioniert nicht Hinzugefügt habe ich den übergang zu meinen links und erwarten, dass änderungen auf hover-Status Ich benutzte übergang viel, aber manchmal passiert mir das und ich weiß nicht, warum diese

Erstellen Sie ein CSS-Popup, mit fade-Effekt

Anzahl der Antworten 1 Antworten
Erstellen Sie ein CSS basiertes popup (CSS3 Erlaubt), ohne JavaScript, mit fade übergang und scale-Effekt. Etwas ähnliches wie IceCream Sandwitch und JellyBean popup-Meldungen. Ich habe versucht, die folgenden: http://jsfiddle.net/OMS_/7UaK4/5/ Wichtigsten Teile des Codes: HTML <span class="info"> Info

CSS3 background-rotation-animation bei mouse-hover

Anzahl der Antworten 4 Antworten
hier ist meine div. #div1{ position: absolute; top: 50%; left: 50%; margin-left:-100px; margin-top: 420px; width: 158px; height: 158px; background-image:url(images/background.png); } Ich brauche Hintergrundbild-rotation-animation von 360 Grad mit der Maus über Ereignis. Kann jemand mir helfen? danke. InformationsquelleAutor