thepaperpilot/The-Modding-Tree
1
0
Fork 0
mirror of https://github.com/thepaperpilot/The-Modding-Tree.git synced 2025-02-07 18:41:36 +00:00
Code Issues Releases Activity Actions

Fixed card flip animation using hourglass flip animation

Browse source
This commit is contained in:
thepaperpilot 2021-02-16 15:13:00 -06:00
parent 1b3eb1823e
commit fa4e1f5183
1 changed files with 2 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
style.css
View file

@ -820,7 +820,7 @@ button > * {
.hourglass {
--polygonH: polygon(0% 0%,100% 0%,100% 5.55%,95% 5.55%,95% 28%,60% 46%,60% 54%,95% 72%,95% 94.45%,100% 94.45%,100% 100%,0% 100%,0% 94.45%,5% 94.45%,5% 72%,40% 54%,40% 46%,5% 28%,5% 5.55%,0% 5.55%);
animation-name: flip;
animation-name: flipHourglass;
animation-duration: var(--flip-duration);
animation-delay: 0;
animation-play-state: var(--flip-state);
@ -906,7 +906,7 @@ button > * {
transform: translateX(3em);
}
}
@keyframes flip {
@keyframes flipHourglass {
from {
transform: rotate(0);
}