Wie macht man eine Folienanimation zwischen zwei Bootstrap 3-Tabs?

8

Ich versuche herauszufinden, wie man eine Folie links, rechts, oben, unten zwischen zwei Bootstrap 3-Tabs macht.
Ich habe das Web gesucht und überraschenderweise nichts gefunden.
Das nächste, was ich gefunden wurde DIES auf Bootstrap github. Es handelt sich jedoch um Bootstrap 2.0.2 und funktioniert nicht mehr für Bootstrap 3.

Weiß jemand, wie man zwischen zwei Bootstrap 3-Tabs nach links, rechts, oben oder unten gleitet?

Hier ist die grundlegende Bootstrap 3 Registerkarte, die ich verwende.

%Vor%

Ich aktiviere meine Tabs auf eine dieser verschiedenen Arten.

%Vor%

Anstatt nur die Seiten zu wechseln, wenn ich eine "Show" mache, möchte ich den alten Tab nach links oder rechts verschieben, während gleichzeitig der neue Tab verschoben wird. Selbst wenn der alte Tab zuerst komplett weggleiten müsste, wäre der neue Tab akzeptabel. Allerdings bevorzuge ich die erste.

    
fat fantasma 11.02.2014, 16:51
quelle

3 Antworten

10

Es gibt einen besseren Weg, den ich in meinem letzten Projekt benutzt habe. Seine Animate.css

  1. Sehr einfach
  2. Mehr Effekte

JavaScript

%Vor%     
Hardik Gajjar 28.04.2015 09:58
quelle
4

Hier ist ein funktionierendes Beispiel:

%Vor% %Vor% %Vor%
    
Arthur Shlain 05.09.2016 20:18
quelle
1

Ich weiß nicht genau, ob das Sie erreichen möchten, aber wenn ja, haben Sie Den Code habe ich hier und darunter verwendet.

HTML:

%Vor%

JavaScript

%Vor%

CSS

%Vor%     
paulalexandru 14.05.2014 19:11
quelle

Tags und Links

Django: Verwenden von Annotate, Count und Distinct in einem Queryset Wie greife ich auf HTTP POST-Daten von Meteor zu?