From 083ae7b54c9dea468a70e7742f657b977520e352 Mon Sep 17 00:00:00 2001 From: Adam Bradley Date: Sun, 30 Nov 2014 20:17:03 -0600 Subject: [PATCH] fix(popup): add animation keyframes --- scss/_animations.scss | 28 ++++++++++++++++++++++++++++ 1 file changed, 28 insertions(+) diff --git a/scss/_animations.scss b/scss/_animations.scss index ed2f37ff33..67e0e18491 100644 --- a/scss/_animations.scss +++ b/scss/_animations.scss @@ -18,3 +18,31 @@ .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; } +}