summaryrefslogtreecommitdiff
path: root/src/client/app/animation.styl
diff options
context:
space:
mode:
authorsyuilo <syuilotan@yahoo.co.jp>2018-12-16 11:32:20 +0900
committersyuilo <syuilotan@yahoo.co.jp>2018-12-16 11:32:20 +0900
commitd18ee12d2f395648872daccd5eacc75b6fca27a9 (patch)
treef1f070141da175cd75e94f93facea676f430c4de /src/client/app/animation.styl
parentMerge branch 'develop' of https://github.com/syuilo/misskey into develop (diff)
downloadmisskey-d18ee12d2f395648872daccd5eacc75b6fca27a9.tar.gz
misskey-d18ee12d2f395648872daccd5eacc75b6fca27a9.tar.bz2
misskey-d18ee12d2f395648872daccd5eacc75b6fca27a9.zip
[Client] Add some animations :art:
Diffstat (limited to 'src/client/app/animation.styl')
-rw-r--r--src/client/app/animation.styl16
1 files changed, 16 insertions, 0 deletions
diff --git a/src/client/app/animation.styl b/src/client/app/animation.styl
index 8f121b313b..a629165207 100644
--- a/src/client/app/animation.styl
+++ b/src/client/app/animation.styl
@@ -10,3 +10,19 @@
opacity: 0;
transform: scaleY(0);
}
+
+.entranceFromTop {
+ animation-duration: 0.5s;
+ animation-name: entranceFromTop;
+}
+
+@keyframes entranceFromTop {
+ from {
+ opacity: 0;
+ transform: translateY(-64px);
+ }
+ to {
+ opacity: 1;
+ transform: translateY(0);
+ }
+}