diff --git a/index.html b/index.html index 73bdc59..2858535 100644 --- a/index.html +++ b/index.html @@ -131,6 +131,37 @@ 

/* */
+
+ 
/*                           [to clipboard] [toggle rule on] */
+ 
+.box_scale {
+  -webkit-transform: scale(0.8);  /* Saf3.1+, Chrome */
+     -moz-transform: scale(0.8);  /* FF3.5+ */
+      -ms-transform: scale(0.8);  /* IE9 */
+       -o-transform: scale(0.8);  /* Opera 10.5+ */
+          transform: scale(0.8);
+             filter: progid:DXImageTransform.Microsoft.Matrix(/* IE6–IE9 */
+                     M11=0.9999025240093042, M12=-0.013962180339145272, M21=0.013962180339145272, M22=0.9999025240093042,SizingMethod='auto expand');
+}
+ 
/* */
+
+ +
+ 
/*                           [to clipboard] [toggle rule on] */
+ 
+.box_3dtransforms {
+  -webkit-perspective: 300;  /* Saf4+, Chrome 12+ */
+     -moz-perspective: 300;  /* FF10+ */
+      -ms-perspective: 300;  /* IE10+ */
+          perspective: 300; 
+  -webkit-transform: rotateY(180deg);  -webkit-transform-style: preserve-3d;   
+     -moz-transform: rotateY(180deg);     -moz-transform-style: preserve-3d;
+      -ms-transform: rotateY(180deg);      -ms-transform-style: preserve-3d;
+          transform: rotateY(180deg);          transform-style: preserve-3d; 
+}
+ 
/* */
+
+ 
/*                           [to clipboard] [toggle rule off] */
@@ -283,7 +314,7 @@

/* btw- up/down keys work, along with your mouse wheel. ;) - coming soon.. extra css transforms (skew, scale), text-shadow and more. + coming soon.. extra css transforms (skew, scale) and more. plz leave feedback here. also css3please is an open source project!. report bugs or contribute! @@ -309,6 +340,7 @@

/* __Changelog__ + 2012.01.21: Added transform scale and 3d transforms.(thx uxder) 2012.01.19: Linear Gradient Syntax Updated. (thx cssdeck and uxder!) 2012.01.14: Added tab-size. (Blame Mathias if anything breaks!) 2011.10.23: Added the sweet matrix manip demo from Peter Nederlof. Thx Peter!