add ms-transition styles

desandro · May 14, 2012 · 5403036 · 5403036
1 parent ea57e8c
commit 5403036
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 0 deletions.
diff --git a/_posts/docs/2011-05-04-animating.mdown b/_posts/docs/2011-05-04-animating.mdown
@@ -58,20 +58,23 @@ In your CSS, add transition styles below. The Masonry plugin will add a class of
 .masonry .masonry-brick {
   -webkit-transition-duration: 0.7s;
      -moz-transition-duration: 0.7s;
+      -ms-transition-duration: 0.7s;
        -o-transition-duration: 0.7s;
           transition-duration: 0.7s;
 }
 
 .masonry {
   -webkit-transition-property: height, width;
      -moz-transition-property: height, width;
+      -ms-transition-property: height, width;
        -o-transition-property: height, width;
           transition-property: height, width;
 }
 
 .masonry .masonry-brick {
   -webkit-transition-property: left, right, top;
      -moz-transition-property: left, right, top;
+      -ms-transition-property: left, right, top;
        -o-transition-property: left, right, top;
           transition-property: left, right, top;
 }

diff --git a/css/style.css b/css/style.css
@@ -363,20 +363,23 @@ button {
 .transitions-enabled.masonry .masonry-brick {
   -webkit-transition-duration: 0.7s;
      -moz-transition-duration: 0.7s;
+      -ms-transition-duration: 0.7s;
        -o-transition-duration: 0.7s;
           transition-duration: 0.7s;
 }
 
 .transitions-enabled.masonry {
   -webkit-transition-property: height, width;
      -moz-transition-property: height, width;
+      -ms-transition-property: height, width;
        -o-transition-property: height, width;
           transition-property: height, width;
 }
 
 .transitions-enabled.masonry  .masonry-brick {
   -webkit-transition-property: left, right, top;
      -moz-transition-property: left, right, top;
+      -ms-transition-property: left, right, top;
        -o-transition-property: left, right, top;
           transition-property: left, right, top;
 }
@@ -386,6 +389,7 @@ button {
 .transitions-enabled.infinite-scroll.masonry {
   -webkit-transition-property: none;
      -moz-transition-property: none;
+      -ms-transition-property: none;
        -o-transition-property: none;
           transition-property: none;
 }