From 81f0c80cf679027c45917f615391932871fd9af7 Mon Sep 17 00:00:00 2001 From: Christopher Arthaud Date: Mon, 11 Dec 2023 23:12:31 +0100 Subject: [PATCH] add new animation named wink --- source/attention_seekers/wink.css | 17 +++++++++++++++++ 1 file changed, 17 insertions(+) create mode 100644 source/attention_seekers/wink.css diff --git a/source/attention_seekers/wink.css b/source/attention_seekers/wink.css new file mode 100644 index 000000000..b6bcf890d --- /dev/null +++ b/source/attention_seekers/wink.css @@ -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; +}