jQuery Isotope Animation Verzögerung

Gespannt, ob jemand da draußen war in der Lage zu ändern, die CSS3-übergänge verwendet werden, mit jquery Isotope, um eine Verzögerung hinzufügen, wie die Elemente shuffle mit so etwas wie "transition-delay: 0s, 1s;".

Ich würde gerne shuffle zunächst nach Links, dann nach unten, für eine weitere mathematische Art Gefühl beim filtern (anstelle der Standard - "diagonal shuffle"). Es scheint, dass alle änderungen an den Standard-css3-übergänge, die einfach nicht Funktion.

Hier meine aktuelle css:

/**** Isotope Animating ****/
.isotope,
.isotope .isotope-item {
  /* change duration value to whatever you like */
  -webkit-transition-duration: 0.7s;
     -moz-transition-duration: 0.7s;
       -o-transition-duration: 0.7s;
          transition-duration: 0.7s;
}

.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
       -o-transition-property:         top, left, opacity;
          transition-property:         transform, opacity;
}

Jede Eingabe wäre toll!

InformationsquelleAutor nickff | 2012-02-29
Schreibe einen Kommentar