Permalink
Browse files

apply transform origin once for both contents and menu

  • Loading branch information...
1 parent 211794c commit 96f4847f52b019aed6fcd0be55f34adfebe85f7a @hakimel hakimel committed Aug 9, 2012
Showing with 6 additions and 12 deletions.
  1. +6 −12 css/meny.css
View
@@ -55,6 +55,12 @@ body {
-ms-transition: -ms-transform .4s ease;
-o-transition: -o-transform .4s ease;
transition: transform .4s ease;
+
+ -webkit-transform-origin: 0% 50%;
+ -moz-transform-origin: 0% 50%;
+ -ms-transform-origin: 0% 50%;
+ -o-transform-origin: 0% 50%;
+ transform-origin: 0% 50%;
}
/**
@@ -69,12 +75,6 @@ body {
margin: 0px;
padding: 20px;
- -webkit-transform-origin: 0% 50%;
- -moz-transform-origin: 0% 50%;
- -ms-transform-origin: 0% 50%;
- -o-transform-origin: 0% 50%;
- transform-origin: 0% 50%;
-
-webkit-transform: rotateY( -30deg ) translateX( -97% );
-moz-transform: rotateY( -30deg ) translateX( -97% );
-ms-transform: rotateY( -30deg ) translateX( -97% );
@@ -101,12 +101,6 @@ body {
width: 100%;
height: 100%;
overflow-y: auto;
-
- -webkit-transform-origin: 0% 50%;
- -moz-transform-origin: 0% 50%;
- -ms-transform-origin: 0% 50%;
- -o-transform-origin: 0% 50%;
- transform-origin: 0% 50%;
}
.meny-active .meny-contents {
-webkit-transform: translateX( 300px ) rotateY( 15deg );

0 comments on commit 96f4847

Please sign in to comment.