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; -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 { .unfold {
animation-duration: 0.5s; animation-duration: 0.5s;
-webkit-animation-duration: 0.5s; -webkit-animation-duration: 0.5s;
@ -61,8 +69,13 @@
100% {transform: scale(0);} 100% {transform: scale(0);}
} }
@keyframes fold {
0% {transform: scale(1, 1);}
100% {transform: scale(1, 0);}
}
@keyframes unfold { @keyframes unfold {
0% {transform: scale(0, 1);} 0% {transform: scale(1, 0);}
100% {transform: scale(1, 1);} 100% {transform: scale(1, 1);}
} }