diff options
Diffstat (limited to 'style.css')
| -rw-r--r-- | style.css | 73 |
1 files changed, 72 insertions, 1 deletions
@@ -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); + } } |
