From 825050fc0b1d347c713ca2ec32b451f40646cc6f Mon Sep 17 00:00:00 2001 From: ElenaRJ Date: Wed, 27 May 2026 18:36:59 +0200 Subject: [PATCH] Chips sollen im Impressum fallen --- css/style.css | 24 ++++++++++++++++++++++++ img/Chips.png | Bin 0 -> 2343 bytes impressum.html | 2 +- js/script.js | 26 ++++++++++++++++++++++++++ 4 files changed, 51 insertions(+), 1 deletion(-) create mode 100644 img/Chips.png 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 0000000000000000000000000000000000000000..d6e6ee64814896037fa4d82dd0130571e01fda7b GIT binary patch literal 2343 zcmaKu`#Tc~7{{mPuA0zs5Qf|vDx?gXEtZKfGM6o)xwdjALUS2LV#sj|HKIgv z%l&S0zr;dfu1EjCd7k(CexL6z-{<}9{Y07GGC0K}!UF&RPN57DX2*W_kGMFFxA$}k z_So3`%naawH(g>&#{uXHGll^Gz33b{6Mb)|t%AAZEu8PyZUDb~AV`5ZG)ZYQvuhG;EYi3_aW5(i|!&lgQz0$}RKa z2Db=8S|y4e_4C=pdu%*}$;l_RM&vwQ~mtIUdY3Y?_6B3>sJ22-y z9w6aNi)2#}b8t+P50=?%Q}Hmc)3NIsOPfc40iR6luJ+4qyl<|KH(KV+3E^(B0dY2v zgk!Fqk(c6Wh!UO|SaNwz4yj{x2;p8_-X>|8b2YBDcCTm_99gfV8(5wbD{X9p5qTy{-Yz%Aa7cnwueEf}$8fBU_)CN$%Opo>(q zrJBYKU}LUESYiAyaKMcsI1=%Wm73g6zWm^p&V7YoTHcU*7!>+*_)3DI*JBcP& zlD;T-@Cwzn2O;aJ!U$-K;B5uKne=MT4B<#qj6C!_GhpdM;u{b?rl58x#@Y^EuxWFfd+{!Q@ENoNO?di3MIHfbA zc|*aanVJIk?}0}gRj#&K2I4@^XPPb9)tr%PlKhQoJ51b1VQSf!g)gvV6XkE(GZ?9-xfR( zFBl}<_BO<5v$JgXb*g=l$Kc~BM*7^L8nfzx4ktedSw#vQ3MSBTx(`qF%SPft7YC1< zS&ecdQRBTPrK!73t`QMM#@|NSkOG~pxm)M*`*cUH?ud2z=Z;*JhYqtem&q#j7G1#G z0n>5Uv2~8de9IU@&ZGA)q&#$G^*>8BG!AnK?-*#g7IZ|z_g9Md5FLbk>2D%o&OE*T zxmtW9V}%)rO||}CRT4Fmuq^f^wxTKGxbMTGxViD|+Lkqg=RmhG`Q?nl_Aw6-v%uhj z;W#hm;G!1w&{M&=r6V3L+w1pvI9P^_FxApzB00ik7F*3k6-9We*aTpeOwqZ*^csPJ z?Qh95LjF3~E@DDUy-A^4d<1pt=Ach8`+nLcEf&x?KKSP%y0{GoI z{YoLM22{d966;s>k>UbTvh|b>EeL%oKU#6Bin#TPU3Q6RMbmdoN!eSQX!5jvw&QB@ zK32XV1%G$6rZB?Qwf*S%H*w_K7V3LQ+W?^%}2l{ zr=PzQbNyTJGY~ZSj93ut9_s;)OX5iM0!`67E3#y3j<`2kq5#wzlJJSQI-sOC+Jten=gYEKS{?gXIR(rSD zi(XwrFYCh-!L-PCi-=Cy-wb=t!|d!heE1s`1n~3w8?PRI**!>Q{BmUO{CNS*xTC)5 z!D3BD5wctlT{_dAlfg?4VD0wVTpv1uPO$co%k}F88{Uu5a?4-g4|NGm3;T;kA5?BQ zW-(=3z5hw>7jjfdSV7oZMJgt(i64?OcKj1OG%z$bmnV39A1laVZ%birJ*!}a=Wo`G zW~x=JF1PD?Z$vaKmQ+5}F&ppdHSm`gE~N6EKEWOg#ki!D6Z)Iw&oM8dFD1ZT@V+ZO z(k|Wh7)l@N9St;53n@B%K7_KQ8~gRJU9DapWF1W>@vF*G>w?;mbC0s}i+NCcGv==} zs`CHgXnUM2wX9DQDp9*FEh%~9G=m;&T&-PWj<*1Nxet|34i;JlxxG3iLvwQHJUhUN z;)vIqW}{Nr&mYvGtc1+muEfTv4#1Ljr7Egmlxq1a)I{-2EGk35L?ZC(sL2loMHg)) zM77>L1Hr{Uy7(_j1@np%jYw5*OV7I^w>=wI&$KhA3?1K{7@cqO~IgR`jaR zlI9WJ

© 2026 - Lernprojekt EIS

- +
diff --git a/js/script.js b/js/script.js index 1aa5aeb..d162d20 100644 --- a/js/script.js +++ b/js/script.js @@ -1 +1,27 @@ console.log ("Meine Seite läuft"); +Für die fallenden Chips + +function createChip() { + + const chip = document.createElement("img"); + + chip.src = "img/Chips.png"; + + chip.classList.add("chip"); + + chip.style.left = Math.random() * window.innerWidth + "px"; + + chip.style.animationDuration = + (Math.random() * 3 + 3) + "s"; + + chip.style.width = + (Math.random() * 50 + 50) + "px"; + + document.body.appendChild(chip); + + setTimeout(() => { + chip.remove(); + }, 6000); +} + +setInterval(createChip, 300); \ No newline at end of file