granblue.team/hensei-web
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Add local animation to Tooltip

Browse source
This commit is contained in:
Justin Edmund 2023-06-30 14:02:12 -07:00
parent d4ad809dc9
commit 58d1320484
1 changed files with 43 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

43
components/common/Tooltip/index.module.scss
View file

@ -11,4 +11,47 @@
padding: $unit * 1.5; padding: $unit * 1.5;
z-index: 35; z-index: 35;
max-width: 200px; max-width: 200px;
@keyframes scaleIn {
0% {
opacity: 0;
transform: scale(0);
}
20% {
opacity: 0.2;
transform: scale(0.4);
}
40% {
opacity: 0.4;
transform: scale(0.8);
}
60% {
opacity: 0.6;
transform: scale(1);
}
65% {
opacity: 0.65;
transform: scale(1.1);
}
70% {
opacity: 0.7;
transform: scale(1);
}
75% {
opacity: 0.75;
transform: scale(0.98);
}
80% {
opacity: 0.8;
transform: scale(1.02);
}
90% {
opacity: 0.9;
transform: scale(0.96);
}
100% {
opacity: 1;
transform: scale(1);
}
}
} }