diff --git a/de.php b/de.php index 10d5ebb..8d741f5 100644 --- a/de.php +++ b/de.php @@ -137,6 +137,8 @@ echo " "; +

Lass es wobbeln!

+ diff --git a/index.php b/index.php index 056018a..f5f43ac 100644 --- a/index.php +++ b/index.php @@ -130,6 +130,8 @@ echo " "; +

Let it wobble!

+ diff --git a/styles.php b/styles.php index 00ff214..fb47d05 100644 --- a/styles.php +++ b/styles.php @@ -16,7 +16,7 @@ html:not([data-scroll='0']) .topnav { } body { - background-color: #2e2e2e + background-color: #2e2e2e; } p { @@ -333,4 +333,22 @@ hr { border-radius: 16px 16px 0px 0px; border: 2px solid rgba(255, 255, 255, 0.3); display: inline-block; +} + +@keyframes wobbl-animation { + 0% {transform: skew(-10deg, -10deg);} + 25% {transform: skew(-10deg, 10deg);} + 50% {transform: skew(10deg, 10deg);} + 75% {transform: skew(10deg, -10deg);} + 100% {transform: skew(-10deg, -10deg);} +} + +.hover-wobble { + bottom: 16px; + right: 32px; + position: fixed; +} + +body:has(.hover-wobble:hover) .background { + animation: wobbl-animation 0.5s infinite; } \ No newline at end of file