Alexander/homepage
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

add shake.css

Browse Source
This commit is contained in:
Alexander Bocken 2023-07-10 13:24:42 +02:00
parent d33433eb8f
commit bb2cd23dd6
Signed by: Alexander
GPG Key ID: 1D237BE83F9B05E8
1 changed files with 28 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
src/lib/css/shake.css Normal file
View File

@ -0,0 +1,28 @@
@keyframes shake{
0%{
transform: rotate(0)
scale(1,1);
}
25%{
box-shadow: 0em 0em 1em 0.2em rgba(0, 0, 0, 0.6);
transform: rotate(var(--angle, 30deg))
scale(1.2,1.2)
;
}
50%{
box-shadow: 0em 0em 1em 0.2em rgba(0, 0, 0, 0.6);
transform: rotate(calc(-1 * var(--angle,30deg)))
scale(1.2,1.2);
}
75%{
box-shadow: 0em 0em 1em 0.2em rgba(0, 0, 0, 0.6);
transform: rotate(var(--angle,30deg))
scale(1.2, 1.2);
}
100%{
transform: rotate(0);
scale: var(--endscale, 1);
}
}