revil-O/platypush
1
0
Fork 0
forked from platypush/platypush
Code Pull requests Activity

[UI] Added fold animation.

Browse source
This commit is contained in:
Fabio Manganiello 2024-09-10 22:41:35 +02:00
parent efe2bb6196
commit 0bc714d0e3
Signed by untrusted user: blacklight
GPG key ID: D90FBA7F76362774
1 changed files with 14 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

15
platypush/backend/http/webapp/src/style/animations.scss
View file

@ -30,6 +30,14 @@
-webkit-animation-name: shrink;
}
.fold {
animation-duration: 0.5s;
-webkit-animation-duration: 0.5s;
animation-fill-mode: both;
animation-name: fold;
-webkit-animation-name: fold;
}
.unfold {
animation-duration: 0.5s;
-webkit-animation-duration: 0.5s;
@ -61,8 +69,13 @@
100% {transform: scale(0);}
}
@keyframes fold {
0% {transform: scale(1, 1);}
100% {transform: scale(1, 0);}
}
@keyframes unfold {
0% {transform: scale(0, 1);}
0% {transform: scale(1, 0);}
100% {transform: scale(1, 1);}
}