copy animation is now wonderful

This commit is contained in:
edbrz9 2022-12-30 19:33:12 +01:00
parent 9c54c89fcf
commit 3461ba56ec
1 changed files with 10 additions and 7 deletions

View File

@ -145,25 +145,28 @@ div.copied {
position: absolute;
background-color: var(--success);
color: white;
font-size: 1.2rem;
font-size: 1.5rem;
padding: 10px;
right: -15px;
top: -10px;
transform: rotate(10deg);
right: -20px;
top: -5px;
transform: rotate(12deg);
opacity: 0;
}
.success {
animation: fade-in 3s forwards;
animation: fade-in 2s forwards;
}
@keyframes fade-in {
0% {
opacity: 0;
scale: 0%;
}
30% {
10% {
opacity: 1;
scale: 100%;
}
80% {
50% {
opacity: 1;
}
100% {