Tag: css-transitions
CSS-Übergänge erlaubt, bei änderungen der Eigenschaft in der CSS-Werte auftreten, gleichmäßig über einen festgelegten Zeitraum.
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
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
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:
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
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
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:
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
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
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
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
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
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
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:
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
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">
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
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
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
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 {
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.
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
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
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
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.
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;
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}
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;
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
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
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
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
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
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
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
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
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
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 &
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
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; }
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
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'
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">
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
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
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
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
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
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
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
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