summaryrefslogtreecommitdiff
path: root/src/web/app/animation.styl
diff options
context:
space:
mode:
authorsyuilo <syuilotan@yahoo.co.jp>2018-02-23 03:33:12 +0900
committersyuilo <syuilotan@yahoo.co.jp>2018-02-23 03:33:12 +0900
commit80929eb176beec7f46f68b7c5cd35e37f3cda751 (patch)
treefbeb8b7ff5f6c5c209dafc78343e9dcab6c7f5c7 /src/web/app/animation.styl
parentMerge pull request #1121 from syuilo/greenkeeper/css-loader-0.28.10 (diff)
downloadmisskey-80929eb176beec7f46f68b7c5cd35e37f3cda751.tar.gz
misskey-80929eb176beec7f46f68b7c5cd35e37f3cda751.tar.bz2
misskey-80929eb176beec7f46f68b7c5cd35e37f3cda751.zip
:v:
Diffstat (limited to '')
-rw-r--r--src/web/app/animation.styl12
1 files changed, 12 insertions, 0 deletions
diff --git a/src/web/app/animation.styl b/src/web/app/animation.styl
new file mode 100644
index 0000000000..8f121b313b
--- /dev/null
+++ b/src/web/app/animation.styl
@@ -0,0 +1,12 @@
+.zoom-in-top-enter-active,
+.zoom-in-top-leave-active {
+ opacity: 1;
+ transform: scaleY(1);
+ transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1);
+ transform-origin: center top;
+}
+.zoom-in-top-enter,
+.zoom-in-top-leave-active {
+ opacity: 0;
+ transform: scaleY(0);
+}