Robot/animate.css
1
0
Fork 0
mirror of https://github.com/animate-css/animate.css.git synced 2024-11-17 17:45:17 +01:00
Code Issues Projects Releases Packages Wiki Activity

add new animation named wink

Browse source
This commit is contained in:
Christopher Arthaud 2023-12-11 23:12:31 +01:00
parent 3235f27325
commit 81f0c80cf6
1 changed files with 17 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

17
source/attention_seekers/wink.css Normal file
View file

@ -0,0 +1,17 @@
@keyframes winky {
0% {
clip-path: ellipse(100% 100% at center);
}
50% {
clip-path: ellipse(100% 0% at center);
}
100% {
clip-path: ellipse(100% 100% at center);
}
}
.wink {
animation-timing-function: cubic-bezier(1, 0.5, 0.5, 0);
animation-duration: 0.5s;
animation-name: winky;
}