starred/WYGIWYH
1
0
Fork 0
mirror of https://github.com/eitchtee/WYGIWYH.git synced 2026-04-21 08:11:36 +02:00
Code Issues 14 Packages Projects Releases 10 Wiki Activity

feat: improve calculator animations, fix it moving up when result is displayed

Browse Source
This commit is contained in:
Herculino Trotta
2024-12-21 00:20:35 -03:00
parent a1d3dfe6a3
commit fb24a57882
4 changed files with 160 additions and 91 deletions
Download Patch File Download Diff File Expand all files Collapse all files

54
frontend/src/styles/_animations.scss
View File

@@ -130,3 +130,57 @@
opacity: 0;
}
}
/* ----------------------------------------------
* Generated by Animista on 2024-12-21 0:6:39
* Licensed under FreeBSD License.
* See http://animista.net/license for more info.
* w: http://animista.net, t: @cssanimista
* ---------------------------------------------- */
/**
* ----------------------------------------
* animation scale-in-center
* ----------------------------------------
*/
@keyframes scale-in-center {
0% {
transform: scale(0);
opacity: 1;
}
100% {
transform: scale(1);
opacity: 1;
}
}
.scale-in-center {
animation: scale-in-center 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
/* ----------------------------------------------
* Generated by Animista on 2024-12-21 0:8:10
* Licensed under FreeBSD License.
* See http://animista.net/license for more info.
* w: http://animista.net, t: @cssanimista
* ---------------------------------------------- */
/**
* ----------------------------------------
* animation scale-out-center
* ----------------------------------------
*/
@keyframes scale-out-center {
0% {
transform: scale(1);
opacity: 1;
}
100% {
transform: scale(0);
opacity: 1;
}
}
.scale-out-center {
animation: scale-out-center 0.5s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;
}