Planspiele/PerfectMarketGame
Planspiele/PerfectMarketGame
1
0
Fork 0
Code Actions Packages

Integrated animations in the Calculate styles.sass

Browse Source
This commit is contained in:
Mathias Wagner 2023-11-19 15:51:28 +01:00
parent b4790a19e9
commit cdd68c0c61
Signed by: Mathias
GPG Key ID: B8DC354B0A1F5B44
1 changed files with 14 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
client/src/pages/Game/states/Calculate/styles.sass
View File

@ -16,6 +16,7 @@
display: flex display: flex
padding: 1rem 2rem padding: 1rem 2rem
transition: 1s ease-in-out transition: 1s ease-in-out
animation: roundIn 0.7s ease-out
.round-item .round-item
width: 12rem width: 12rem
@ -46,4 +47,16 @@
.customer-item .customer-item
user-select: none user-select: none
h2, p h2, p
margin: 0 margin: 0
@keyframes roundIn
0%
opacity: 0
transform: scale(0.3)
50%
opacity: 1
transform: scale(1.05)
70%
transform: scale(0.9)
100%
transform: scale(1)