edbrz9
/
ed.brz9.dev
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
proj/y2t/assets/css/style.css
View File

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