Permalink
Browse files

Merge pull request #8 from swissmanu/master

Added Animations for UP and DOWN
  • Loading branch information...
justspamjustin committed Feb 9, 2013
2 parents 16bcc4e + 494c130 commit 4537d92a892a355a2dd6a2b81dcb853247e70f5e
Showing with 62 additions and 0 deletions.
  1. +62 −0 src/stylesheets/junior.css
View
@@ -114,3 +114,65 @@
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0;
}
+
+.animate-to-view.UP {
+ -webkit-transform: translate3d(0, 100%, 0);
+ -moz-transform: translate3d(0, 100%, 0);
+ -ms-transform: translate3d(0, 100%, 0);
+ -o-transform: translate3d(0, 100%, 0);
+ transform: translate3d(0, 100%, 0);
+}
+
+#app-container.animate.UP {
+ -webkit-transform: translate3d(0, -100%, 0);
+ -moz-transform: translate3d(0, -100%, 0);
+ -ms-transform: translate3d(0, -100%, 0);
+ -o-transform: translate3d(0, -100%, 0);
+ transform: translate3d(0, -100%, 0);
+}
+
+#app-container.animate.UP #app-main .header-animated {
+ -webkit-transform: translate3d(0, -50% 0);
+ -moz-transform: translate3d(0, -50% 0);
+ -ms-transform: translate3d(0, -50% 0);
+ -o-transform: translate3d(0, -50% 0);
+ transform: translate3d(0, -50% 0);
+ filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
+ opacity: 0;
+}
+
+.animate-to-view.UP.initial .header-animated {
+ filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
+ opacity: 0;
+}
+
+.animate-to-view.DOWN {
+ -webkit-transform: translate3d(0, -100%, 0);
+ -moz-transform: translate3d(0, -100%, 0);
+ -ms-transform: translate3d(0, -100%, 0);
+ -o-transform: translate3d(0, -100%, 0);
+ transform: translate3d(0, -100%, 0);
+}
+
+#app-container.animate.DOWN {
+ -webkit-transform: translate3d(0, 100%, 0);
+ -moz-transform: translate3d(0, 100%, 0);
+ -ms-transform: translate3d(0, 100%, 0);
+ -o-transform: translate3d(0, 100%, 0);
+ transform: translate3d(0, 100%, 0);
+}
+
+#app-container.animate.DOWN #app-main .header-animated {
+ -webkit-transform: translate3d(0, 50% 0);
+ -moz-transform: translate3d(0, 50% 0);
+ -ms-transform: translate3d(0, 50% 0);
+ -o-transform: translate3d(0, 50% 0);
+ transform: translate3d(0, 50% 0);
+ filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
+ opacity: 0;
+}
+
+.animate-to-view.DOWN.initial .header-animated {
+ filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
+ opacity: 0;
+}

0 comments on commit 4537d92

Please sign in to comment.