randyjc/Rahoot
1
0
Fork 0
mirror of https://github.com/randyjc/Rahoot.git synced 2026-03-14 04:25:35 +01:00
Code Issues Packages Projects Releases Wiki Activity

Add Prepared Animation

Browse Source
This commit is contained in:
Ralex91
2024-02-01 16:35:10 +01:00
parent 1839f31a21
commit c2db3810ac
10 changed files with 95 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

49
src/styles/globals.css
View File

@@ -36,6 +36,20 @@
animation: show 0.5s ease-out;
}
.anim-timer {
animation: timer 1s ease-out infinite;
}
.anim-quizz {
animation: quizz 1s ease-out;
transform: perspective(1200px) rotateY(-15deg) rotateX(15deg)
translateZ(100px);
}
.anim-quizz .button {
animation: quizzButton 1s ease-out;
}
@keyframes show {
0% {
transform: scale(0);
@@ -59,3 +73,38 @@
width: 100%;
}
}
@keyframes timer {
0% {
transform: scale(1);
}
30% {
transform: scale(1.4) rotate(-6deg);
}
60% {
transform: scale(0.8) rotate(6deg);
}
80% {
transform: scale(1);
}
}
@keyframes quizz {
0% {
transform: scale(0) perspective(1200px) rotateY(-35deg) rotateX(15deg)
translateZ(100px);
}
100% {
transform: scale(1) perspective(1200px) rotateY(-15deg) rotateX(15deg)
translateZ(100px);
}
}
@keyframes quizzButton {
0% {
transform: scale(0);
}
100% {
transform: scale(1);
}
}