You are here

Home » API reference » Isotope (with Masonry and Packery) 7

isotope.css in Isotope (with Masonry and Packery) 7

Same filename and directory in other branches
  1. 8 css/isotope.css
.isotope,
.isotope .isotope-item {
  /* change duration value to whatever you like */
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
      -ms-transition-duration: 0.8s;
       -o-transition-duration: 0.8s;
          transition-duration: 0.8s;
}
.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-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;
      -ms-transition-property:     -ms-transform, opacity;
       -o-transition-property:         top, left, opacity;
          transition-property:         transform, opacity;
}

File

css/isotope.css
View source 
  1. .isotope,

  2. .isotope .isotope-item {

  3.   /* change duration value to whatever you like */

  4.   -webkit-transition-duration: 0.8s;

  5.      -moz-transition-duration: 0.8s;

  6.       -ms-transition-duration: 0.8s;

  7.        -o-transition-duration: 0.8s;

  8.           transition-duration: 0.8s;

  9. }

  10. .isotope {

  11.   -webkit-transition-property: height, width;

  12.      -moz-transition-property: height, width;

  13.       -ms-transition-property: height, width;

  14.        -o-transition-property: height, width;

  15.           transition-property: height, width;

  16. }

  17. 

  18. .isotope .isotope-item {

  19.   -webkit-transition-property: -webkit-transform, opacity;

  20.      -moz-transition-property:    -moz-transform, opacity;

  21.       -ms-transition-property:     -ms-transform, opacity;

  22.        -o-transition-property:         top, left, opacity;

  23.           transition-property:         transform, opacity;

  24. }