diff --git a/css/style.css b/css/style.css index f85a8fb..7c98ead 100644 --- a/css/style.css +++ b/css/style.css @@ -226,4 +226,28 @@ Für Bilder img { max-width: 100%; height: auto; +} + +Für fallende Chips + +.chip { + position: fixed; + top: -100px; + width: 80px; + height: auto; + pointer-events: none; + animation: fall linear forwards; + z-index: 9999; +} + +@keyframes fall { + 0% { + transform: translateY(0) rotate(0deg); + opacity: 1; + } + + 100% { + transform: translateY(110vh) rotate(360deg); + opacity: 0; + } } \ No newline at end of file diff --git a/img/Chips.png b/img/Chips.png new file mode 100644 index 0000000..d6e6ee6 Binary files /dev/null and b/img/Chips.png differ diff --git a/impressum.html b/impressum.html index debaf10..5b5a1e1 100644 --- a/impressum.html +++ b/impressum.html @@ -62,7 +62,7 @@ - +