isotope.css 1.2 KB

12345678910111213141516171819202122232425262728293031323334353637
  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. .isotope .isotope-item {
  18. -webkit-transition-property: -webkit-transform, opacity;
  19. -moz-transition-property: -moz-transform, opacity;
  20. -ms-transition-property: -ms-transform, opacity;
  21. -o-transition-property: -o-transform, opacity;
  22. transition-property: transform, opacity;
  23. }
  24. /**** disabling Isotope CSS3 transitions ****/
  25. .isotope.no-transition,
  26. .isotope.no-transition .isotope-item,
  27. .isotope .isotope-item.no-transition {
  28. -webkit-transition-duration: 0s;
  29. -moz-transition-duration: 0s;
  30. -ms-transition-duration: 0s;
  31. -o-transition-duration: 0s;
  32. transition-duration: 0s;
  33. }