Permalink
Browse files

allow animation of matrix property. Allow animation of reflection pro…

…perties. speed optimizations in IE.
  • Loading branch information...
1 parent 03958d9 commit d9b4c4ae1f9a5468753d40b205f3c16a7769d275 @heygrady committed Aug 15, 2010
Showing with 435 additions and 219 deletions.
  1. +13 −4 css/style.css
  2. +376 −208 lib/jquery.transform.js
  3. +46 −7 test.html
View
@@ -27,7 +27,7 @@ h2 {
margin-right: 10px;
}
.outer {
- /*height: 150px;*/
+ position: relative;
width: 150px;
background-color: #000000;
@@ -41,7 +41,9 @@ h2 {
background-color: transparent;
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#7F000000',EndColorStr='#7F000000')"; /* IE8 */
}
-
+#footer {
+ padding-top: 25px;
+}
.animate,
.transition,
.transform {
@@ -51,7 +53,8 @@ h2 {
.plain .animate,
.plain .transition,
-.plain .transform {
+.plain .transform,
+.plain .transform2 {
border: 5px solid #000000;
background-color: deeppink;
padding: 5px;
@@ -65,7 +68,13 @@ h2 {
-moz-transform: translate(13px, 13px) translateX(13px);
}
-
+.plain .transform2 {
+ position: absolute;
+ height: 180px;
+ width: 180px;
+ top: -15px;
+ left: -15px;
+}
.transition {
-moz-transition-property: -moz-transform;
-moz-transition-duration: .4s;
Oops, something went wrong.

0 comments on commit d9b4c4a

Please sign in to comment.