From e4226bfb36b7229f57a4e2b0ff44ae1c754d977b Mon Sep 17 00:00:00 2001 From: Martial Simon Date: Tue, 20 Aug 2024 17:13:43 +0200 Subject: update --- style.css | 73 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++- 1 file changed, 72 insertions(+), 1 deletion(-) (limited to 'style.css') diff --git a/style.css b/style.css index 951a020..5685341 100644 --- a/style.css +++ b/style.css @@ -4,5 +4,76 @@ body { } h1 { - filter: drop-shadow(0.4em 0.4em 0 #a794ff); + text-shadow: 0.2em -0.4em #00ed60, 0.4em 0.4em #a794ff; +} + +#Introduction { + font-style: italic; + text-align: end; +} + +svg { + margin: auto 0; +} + +.wavy path { + animation-name: hop; + animation-duration: 1.5s; + animation-timing-function: linear; + animation-iteration-count: infinite; +} + +path#id_1 { + animation-delay: 0.3s; +} +path#id_2 { + animation-delay: 0.6s; +} +path#id_3 { + animation-delay: 0.9s; +} +path#id_4 { + animation-delay: 1.2s; +} +path#id_5 { + animation-delay: 1.5s; +} +path#id_6 { + animation-delay: 1.8s; +} +path#id_7 { + animation-delay: 2.1s; +} +path#id_8 { + animation-delay: 2.4s; +} +path#id_9 { + animation-delay: 2.7s; +} +path#id_10 { + animation-delay: 3s; +} +path#id_11 { + animation-delay: 3.3s; +} +path#id_12 { + animation-delay: 3.6s; +} + +@keyframes hop{ + 25% { + transform: translateY(0.5em); + } + + 50% { + transform: translateY(1em); + } + + 75% { + transform: translateY(0.5em); + } + + 100% { + transform: translateY(0); + } } -- cgit v1.2.3