Tag: transition

Mit javascript oder css zu animieren, ein element von einem Zustand zu einem anderen.

Implementieren page curl auf android?

Anzahl der Antworten 3 Antworten
Ich war surfen, die net auf der Suche nach einem netten Effekt für das drehen von Seiten, die auf Android und es scheint einfach nicht zu sein. Da Lerne ich die Plattform, es schien wie eine nette

Ändern der Hintergrundfarbe der iOS-App, Wenn man Ansichten

Anzahl der Antworten 4 Antworten
In meiner app nutze ich ein navigation-controller, um zwischen verschiedenen Ansichten wechseln. Jeder der meine Ansichten hat, ein Bild für einen hintergrund, aber wenn ich von einem zum anderen, ein wenig der weißen zeigt sich zwischen Ihnen

FragmentTransaction setTransition() entfernen() ändert nicht den übergang, die zuvor festgelegt in replace()

Anzahl der Antworten 2 Antworten
So, ich zunächst erstellen Sie ein neues Fragment wie dieses ft = fm.beginTransaction(); ft.setTransition(FragmentTransaction.TRANSIT_FRAGMENT_OPEN); ft.replace(R.id.main_content_frame, cFr, "CARS"); ft.addToBackStack(null); ft.commit(); Später habe ich es entfernen, wie dies fm.popBackStack(); ft = fm.beginTransaction(); ft.setTransition(FragmentTransaction.TRANSIT_NONE); ft.remove(fm.findFragmentByTag("CARS")).commit(); Aber die enge übergang erfolgt

Winkel-2 Material 2 Sidenav Symbolleiste zuammenklappen wie Navigation Schublade

Anzahl der Antworten 2 Antworten
Ich habe eine sidenav und eine geschachtelte Symbolleiste toolbar.html <md-sidenav-container fullscreen> <md-sidenav #sidenav mode="side" color="primary"> <md-toolbar color="primary"><span>Sidenav</span></md-toolbar> <button md-button class="sidenav-link" (click)="sidenav.close()"> <md-icon>home</md-icon><span class="title"> HOME</span> </button> <button md-button class="sidenav-link" (click)="sidenav.close()"> <md-icon>home</md-icon><span class="title"> HOME</span> </button> </md-sidenav> <app-toolbar [sidenav]="sidenav"></app-toolbar> </md-sidenav-container>

Bewegen Bild über den gesamten Bildschirm mit CSS3

Anzahl der Antworten 2 Antworten
Ich habe das surfen im web noch eine Weile versuchen zu finden, einen Weg, um Symbole auf dem Bildschirm (von Links und in der Mitte des Körpers div) beim laden der Seite. Wie kann das getan werden?

Kinder-view-Controller müssen einen gemeinsamen übergeordneten view controller?

Anzahl der Antworten 1 Antworten
In meine app, die ich bin versucht zu wechseln Ansichten, die jeweils Ihre eigene XIB, während Sie mit benutzerdefinierten Animationen zu tun. Ich machte eine base-view-controller wie eine übergeordnete Sicht zu halten alle den code, aber ich

Übergang von view-Controller - von Links nach rechts

Anzahl der Antworten 2 Antworten
Ich bin NICHT mit der navigation-controller, und ich bin mit storyboards. Ich machen, damit der übergang von 1-view-controller, um andere, für die ich bin mit segue. Nun habe ich den segue Stil Brauch, und in der entsprechenden

Präsentieren modal-view-controller-über die modal-view-controller

Anzahl der Antworten 3 Antworten
Ich habe einen view-controller VC1 präsentiert werden Modal über den gesamten Bildschirm von einigen anderen VC0. In meinem storyboard habe ich ein modal-segue von VC1, VC2 auch die Darstellung über den gesamten Bildschirm. Wenn in meiner app

Fading Slideshow CSS ohne js, Schleifen

Anzahl der Antworten 1 Antworten
Ich bin eine "neue" web-designer, und ich Lerne noch ! CSS ist etwas schwer für mich... Bitte, ich brauche Hilfe !! 🙂 Ich brauche eine 4-Bild-übergang mit fade-in-Schleife, eine Sequenz von 1 bis 2, als 3 und

Übergänge und text-Attribute in einem div in D3.js

Anzahl der Antworten 1 Antworten
Ich versuche zu tun, einige einfache Textfelder in D3, und mit einem anderen q & eine auf SO ich hab herausgefunden, dass ich das foreignObject und wickeln Sie den text in ein div. Das ist alles in

mithilfe von jquery, um den übergang zwischen den Bildern

Anzahl der Antworten 4 Antworten
Habe ich zwei Bilder der gleichen Größe und text, aber unterschiedliche Farben (als logos). Ich möchte langsam automatisch den übergang zwischen zwei Bildern mit Hilfe von jQuery. Zuerst, ich ging, um ein GIF-Bild aus den beiden Bildern,

Der übergang zwischen html-Seiten mit einem be-Bild animation

Anzahl der Antworten 3 Antworten
Dies ist genau das, was ich Suche: http://hoverstud.io . Ich bin NICHT für so etwas suchen-> http://bit.ly/11jdunO , die hat zu viele Probleme und bugs. Kann jemand bitte mir helfen, eine Anleitung oder ein paar links? Was

Wie man den übergang Wirkung auf die css-sprite-hover

Anzahl der Antworten 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 {

Bewegen Sie ein Bild von A nach B mit JavaScript

Anzahl der Antworten 2 Antworten
Sein mein erstes mal hier und ich weiß nicht, wie der Einzug dieses Leid :/ Habe ich ein Bild von einem van, und ich versuche, ihn zu bewegen über den Bildschirm, als ob es fährt. Sobald das

CSS Hintergrundbild Größe den übergang

Anzahl der Antworten 2 Antworten
Arbeite ich an einer einfachen markup mit ändern der Größe eines div-background-img. Finden Sie die Geige: http://jsfiddle.net/zeYZL/ Brauche ich dazu animiert mit einem einfachen CSS-übergang. und ich habe versucht, dies zu tun: #tile:hover { background-size:550px 550px; background-position:-50px

CSS-übergang "fade-in" nur für element

Anzahl der Antworten 2 Antworten
Gibt es eine Möglichkeit, nur fade, sich in einem element mit der CSS-transition-Eigenschaft? Hatte nie wirklich die Notwendigkeit, diese vorher so noch nicht sah in ihm, und jetzt kann ich nicht scheinen, um herauszufinden, eine Methode, dies

Wie zum ausführen von benutzerdefinierten animation leitet über?

Anzahl der Antworten 1 Antworten
In Storyboards, können Sie die überblendung durch Klick auf die segue (das Kreissymbol zwischen den zwei Bildschirmen) und stellen Sie den Übergang zu "Cover-Vertical", "Horizontal Spiegeln", "Cross Dissolve" oder "Partial-Curl" (Sie können deaktivieren Sie die Option "Animieren",

Wie man glatte frame-animation in android?

Anzahl der Antworten 2 Antworten
Machte ich eine frame-animation. Aber die transitition zwischen den Bildern ist schlecht suchen. Wie kann ich einen crossfade-Effekt ? Bei der Verwendung TransitionDrawable ich bekomme das richtige Ergebnis, aber es Stoppt nach einem Durchlauf. Einer hat eine

Die Herstellung eines Bildes / div verblassen mit CSS3, ohne mit einem hover

Anzahl der Antworten 2 Antworten
Ich habe ein div mit einem Bild drin. Im moment verwende ich CSS3-animation verblassen es aus, aber die performance ist schrecklich. Ich bin ziemlich sicher, dass ich mit sollte-übergänge. Problem ist, ich kann nicht finden, ein Beispiel,

Glatte rotation übergang CSS3?

Anzahl der Antworten 3 Antworten
Ich bin drehen sich meine Bilder beim schwebte und ich möchte, dass der übergang glatt sein, damit dies ist, was ich versucht habe: <div class="latest-thumbs"> <img src="images/thumbs/thumb01.jpg" alt="thumb" class="rotate" /> <img src="images/thumbs/thumb01.jpg" alt="thumb" class="rotate" /> <img src="images/thumbs/thumb01.jpg"

Bootstrap-Karussell: Bilder aus div beim schieben

Anzahl der Antworten 4 Antworten
Ich habe ein problem, das ich nicht herausfinden können. Ich bin mit bootstrap - Karussell, und alles funktioniert gut, außer für die übergänge: der nächste Artikel erscheinen aus myCarousel div, wenn der gleitende übergang beginnt und früheren

CSS3 background-position des Bildes übergang

Anzahl der Antworten 4 Antworten
Möchte ich ein CSS3 hover-Effekt auf meine website-logo. Einfach, Recht? Gut es funktioniert, aber nicht so, wie ich es mir vorstelle. Link zu meinem logo Der oberen Hälfte ist es der reguläre Zustand und die untere Hälfte

JQuery fallback für CSS3 transition

Anzahl der Antworten 2 Antworten
Ich bin auf der Suche nach einem JQuery/JS-fallback für eine einfache CSS3 transition-code. Mein javascript ist wirklich einfach, so ist es für mich nicht leicht zu finden und schreiben Sie eine Ersatz-code. Ich habe bereits ausgecheckt modernizr,

overridePendingTransition funktioniert nicht

Anzahl der Antworten 4 Antworten
Gefunden haben schon einige Leute gefragt, die gleiche, aber die Lösungen, die für mich nicht funktioniert. Sehe ich keine animation. Nannte es so: Intent intent = new Intent(this, MyActivity.class); startActivity(intent); overridePendingTransition(R.anim.fadein, R.anim.fadeout); fadein.xml und fadeout.xml in den

CSS-Übergänge: Grenze Folien Anstelle von Fading

Anzahl der Antworten 2 Antworten
Stylte ich einen link, so dass, wenn Sie die Maus, erscheint ein Rand an der Spitze; und wenn Sie die Maus aus die Grenze verschwinden wird, mit einem übergang. Die Grenze Folien statt, die eingeblendet werden wenn

overridePendingTransition im Android-SDK funktioniert nicht

Anzahl der Antworten 1 Antworten
Ich versuche, ändern Sie den übergang zwischen zwei Aktivitäten in einem Android-Anwendung. Ich fand, dass overridePendingTransition würde den job tun, aber es scheint nicht zu funktionieren für mich. Dies ist der code, mit dem ich arbeite: @Override

Javascript-Animation Der Farben

Anzahl der Antworten 4 Antworten
Möchte ich animieren (übergang) von 1 Farbe, zum anderen in raw javascript. Ich nicht wollen, zu verwenden Frameworks (jquery, mootools) oder css3. plain raw javascript. Ich habe wirklich Schwierigkeiten, dies zu tun, kann mir jemand helfen ?

implementieren Sie eine iPhone-Ansicht übergang animation mit beiden spiegeln und skalieren?

Anzahl der Antworten 2 Antworten
wie kann ich das realisieren der animation sehen wir in der iPhone Musik app die coverflow-Bildschirm? wenn Sie auf eine kleine Ansicht, es dreht und skaliert bis zu einer anderen Ansicht? wie kann ich dies tun? Ich

webkit-transitions funktioniert nicht in chrome und safari

Anzahl der Antworten 1 Antworten
Ich bin mit Mühe ein übergang zur Arbeit in webkit-Browsern, während es funktioniert perfekt in firefox. Mein code ist unten HTML <div class="dropdown" data-id="new-houses"> <h3>New Houses</h3> <img src="/local/images/down-arrow.png" /> </div> <div id="new-houses" style="display:none;"> <!--content of div--> </div>

iOs-Wechsel-animation von Links nach rechts (horizontal)

Anzahl der Antworten 5 Antworten
Ich bin fast ein Neuling auf Xcode 4. Es gibt einen Weg, um Sie an ein segue ein custom transition animation, dass er sich nicht unter den vier, präsentiert von der Interface Builder in der storyboard-management? Konkret

Anwenden von CSS-übergang beim element kommt in den viewport

Anzahl der Antworten 2 Antworten
Ich versuche, gelten die CSS-transition-Effekt, wenn ein element kommt viewport (d.h. wenn der Benutzer scrollt, um es), aber nicht vorher. Ich bereits wissen, wie CSS-übergänge, aber wie Wende ich Sie nur, wenn das element kommt der viewport?

overridePendingTransition zeigt zweite Aktivität zu schnell

Anzahl der Antworten 2 Antworten
habe ich 2 Aktivitäten, und ich möchte einen animierten übergang zwischen zwei Aktivitäten so, dass sowohl die Aktivitäten der Blick gleitet nach oben, als ob die zweite Aktivität ist es, an die erste Aktivität nach oben. in

Android: Was ist Los mit meinem fragment übergang animation?

Anzahl der Antworten 4 Antworten
Brauche ich nur den einfachen slide-in und slide-out-animation für Fragment-übergang, unten ist mein code: slide_in_left.xml: <?xml version="1.0" encoding="utf-8"?> <set xmlns:android="http://schemas.android.com/apk/res/android" android:shareInterpolator="true"> <translate android:fromXDelta="-100%" android:toXDelta="0%" android:fromYDelta="0%" android:toYDelta="0%" android:duration="700"> </translate> </set> slide_out_right.xml: <?xml version="1.0" encoding="utf-8"?> <set xmlns:android="http://schemas.android.com/apk/res/android" android:shareInterpolator="false"> <translate

iPhone: Fade-übergang zwischen zwei RootViewControllers

Anzahl der Antworten 3 Antworten
Obj-C oder MonoTouch C# Antworten sind in Ordnung. Den ersten UIWindow ist RootViewController ist eine einfache login-Bildschirm. window.RootViewController = loginScreen; Nach dem login, habe ich den Root der Haupt-app window.RootViewController = theAppScreen; Wie kann ich den Fade-übergang

Looping Animation von text-Farbe ändern mit CSS3

Anzahl der Antworten 2 Antworten
Habe ich text, den ich animieren wollen. Nicht auf hover, zum Beispiel, aber ständig ändern sich langsam von weiß zu rot und dann wieder weiß, wieder. Hier ist mein CSS code so weit: #countText{ color: #eeeeee; font-family:

Mit D3 übergangs-Methode mit Daten für die scatter-plot

Anzahl der Antworten 2 Antworten
So, ich bin neu in D3 und hab wenig exp mit JavaScript im Allgemeinen. So habe ich nach einigen tutorials bin derzeit mit source-code, der erstellt eine einfache Streudiagramm. Nun meine Frage ist wie benutze ich den

Führen Sie eine segue programmgesteuert

Anzahl der Antworten 3 Antworten
Hallo, ich bin versucht, führen Sie eine segue programmgesteuert ohne Storyboard. Derzeit habe ich das als mein code: override func prepare(for segue: UIStoryboardSegue, sender: Any?) { if segue.identifier == "popOutNoteExpanded" { let vc = segue.destination as! ExpandedCellViewController

Hinzufügen übergang beim ändern des img-src mit javascript

Anzahl der Antworten 2 Antworten
Habe ich ein img-tag, dass ich mich ändern will den src, wenn hover und es funktioniert alles aber ich möchte hinzufügen, einige übergang, damit es sieht nicht so derbe, aber da es ein img-src i cant Ziel

QML-Animationen sichtbar-Eigenschaft ändert

Anzahl der Antworten 6 Antworten
Möchte ich eine animation, gemalt zu werden, wenn ein element sichtbar wird (Sie sollte glatt erscheinen, nicht die ganze) Habe ich versucht, dieses states: State { name: "iconOff" when: iconOnSwitch.checked == false PropertyChanges { target: selectIconRow; visible:

Wie vertausche ich eine CSS3-animation bei der ersten iteration (und nicht das zweite)

Anzahl der Antworten 3 Antworten
Ich habe setup eine CSS3-animation: @-webkit-keyframes slidein { from { -webkit-transform: translateX(100%); } to { -webkit-transform: translateX(0); } } Wie vertausche ich diese animation auf eine Klasse definition? Beispiel: .slideinTransition { -webkit-animation-name: slidein; -webkit-animation-direction: alternate; } Dieser

So ändern Sie presentViewController Übergang animation

Anzahl der Antworten 2 Antworten
Ich bin mit presentViewController Wechsel von einer Ansicht zu einer anderen ohne Navigation-Controller wie: let HomeView = self.storyboard!.instantiateViewControllerWithIdentifier("HomeView") as! ViewControllerHome self.presentViewController(HomeView, animated:true, completion: nil) So ändern Sie den übergang? Ich möchte die gleiche animation wie der Navigation-controller.

CSS margin-left übergang nicht funktioniert

Anzahl der Antworten 2 Antworten
Ich versuche zu tun, ein übergang von der Mitte nach Links und verringern Sie die Höhe des Bildes. Die Höhe übergang ist in Ordnung, aber der Rand einfach teleportiert nach Links, anstatt zu animieren. dies ist mein

Ändern der angezeigten Nummer als svg-text langsam, mit D3 übergang

Anzahl der Antworten 1 Antworten
Ich bin auf der Suche nach einem einfachen Weg, um allmählich den Wert einer Zahl angezeigt, die als svg text mit d3. var quality = [0.06, 14]; //qSVG is just the main svg element qSVG.selectAll(".txt") .data(quality) .enter()

Unsymmetrisch Aufrufe von begin/end-Optik übergänge für <FirstViewController: 0x2a2c00>

Anzahl der Antworten 25 Antworten
Habe ich das problem, wenn ich simulieren Sie meine app, es ist nicht ein Fehler oder eine Warnung, aber es erscheint in meiner Konsole, hat das jemand schon erlebt? InformationsquelleAutor der Frage C.Johns | 2011-07-24

Wie Fade In/Out, mehrere Texte mit CSS/jQuery wie auf Droplr?

Anzahl der Antworten 4 Antworten
Ich habe gesehen, diese Art von animation auf eine website nur, wenn CSS3-Keyframe-Animation begann an Dynamik gewinnen, aber konnte ihn nicht finden, noch konnte ich zu replizieren, mit CSS oder jQuery, und hier ist, wo ich dachte,

overridePendingTransition für Schiebe-Aktivitäten in und-out reibungslos

Anzahl der Antworten 4 Antworten
Ich habe Schwierigkeiten, herauszufinden, wie die Folie von Aktivitäten in und aus mit einem Knopfdruck. Was ich will, ist für den Benutzer auf einen Knopf drücken und dann den Bildschirm gleitet. Die Art, wie ich wollen, ist

d3.js übergang end-Veranstaltung

Anzahl der Antworten 3 Antworten
Ich bin eine überblendung zu einer Gruppe von Knoten zurückgegeben selectAll(). Ich dachte, das end-Ereignis ausgelöst, nachdem alle übergänge abgeschlossen, aber each("end",function) aufgerufen wird am Ende jedes übergangs. Also gibt es eine Möglichkeit zum festlegen einer callback,

Aufrufen einer callback-am Ende des übergangs

Anzahl der Antworten 8 Antworten
Brauche ich um ein FadeOut Methode (ähnlich wie jQuery) mit D3.js. Was ich tun müssen, ist, stellen Sie die Deckkraft auf 0 mit transition(). d3.select("#myid").transition().style("opacity", "0"); Das problem ist, dass ich noch eine callback-zu erkennen, wenn der

Wie der übergang nur drehen transformation?

Anzahl der Antworten 2 Antworten
Ich bin mit einem Haufen von Elementen zu Komponieren, ein Bild im hintergrund und Sie alle absolut-position herum, drehen sich frei. Problem ist, ich möchte für den übergang nur die rotation dieser Objekte, nicht oben noch Links

CSS-filter Graustufen funktioniert nicht im Firefox

Anzahl der Antworten 2 Antworten
Ich habe Probleme dabei ein übergang von Graustufen, um farbige, es funktioniert in chrome, aber das ist es. Hier ist der HTML: <div id="post" style="background-image:url('bg.png');background-repeat:no-repeat;"> <p><a href="/post.php?id=1">Title - Date</a></p> </div> Hier ist der CSS: #post{ padding:0; margin:0