From 86e4e291bfda3365c0bb82bacb2b9990a86ce759 Mon Sep 17 00:00:00 2001 From: ARC Date: Sat, 25 Apr 2015 09:13:54 -0400 Subject: First Commit --- www/lib/ionic/scss/_animations.scss | 48 +++++++++++++++++++++++++++++++++++++ 1 file changed, 48 insertions(+) create mode 100644 www/lib/ionic/scss/_animations.scss (limited to 'www/lib/ionic/scss/_animations.scss') diff --git a/www/lib/ionic/scss/_animations.scss b/www/lib/ionic/scss/_animations.scss new file mode 100644 index 00000000..67e0e184 --- /dev/null +++ b/www/lib/ionic/scss/_animations.scss @@ -0,0 +1,48 @@ + +// Slide up from the bottom, used for modals +// ------------------------------- + +.slide-in-up { + @include translate3d(0, 100%, 0); +} +.slide-in-up.ng-enter, +.slide-in-up > .ng-enter { + @include transition(all cubic-bezier(.1, .7, .1, 1) 400ms); +} +.slide-in-up.ng-enter-active, +.slide-in-up > .ng-enter-active { + @include translate3d(0, 0, 0); +} + +.slide-in-up.ng-leave, +.slide-in-up > .ng-leave { + @include transition(all ease-in-out 250ms); +} + + +// Scale Out +// Scale from hero (1 in this case) to zero +// ------------------------------- + +@-webkit-keyframes scaleOut { + from { -webkit-transform: scale(1); opacity: 1; } + to { -webkit-transform: scale(0.8); opacity: 0; } +} +@keyframes scaleOut { + from { transform: scale(1); opacity: 1; } + to { transform: scale(0.8); opacity: 0; } +} + + +// Super Scale In +// Scale from super (1.x) to duper (1 in this case) +// ------------------------------- + +@-webkit-keyframes superScaleIn { + from { -webkit-transform: scale(1.2); opacity: 0; } + to { -webkit-transform: scale(1); opacity: 1 } +} +@keyframes superScaleIn { + from { transform: scale(1.2); opacity: 0; } + to { transform: scale(1); opacity: 1; } +} -- cgit v1.2.3