From 10ba6d0a47c7702795159e4239b92aab5a10b58c Mon Sep 17 00:00:00 2001 From: Laureline Paris <32878345+LaurelineP@users.noreply.github.com> Date: Wed, 23 Oct 2024 22:26:11 +0200 Subject: [PATCH] Revert "first moving Animation (#2814)" (#2815) This reverts commit d0af4044a6053c418a4ea861de265db56aca7c3c. --- Art/lukas2485-movingAround/index.html | 21 ---------- Art/lukas2485-movingAround/meta.json | 4 -- Art/lukas2485-movingAround/style.css | 58 --------------------------- 3 files changed, 83 deletions(-) delete mode 100644 Art/lukas2485-movingAround/index.html delete mode 100644 Art/lukas2485-movingAround/meta.json delete mode 100644 Art/lukas2485-movingAround/style.css diff --git a/Art/lukas2485-movingAround/index.html b/Art/lukas2485-movingAround/index.html deleted file mode 100644 index bb361febe..000000000 --- a/Art/lukas2485-movingAround/index.html +++ /dev/null @@ -1,21 +0,0 @@ - - - - - - - - - Document - - - - -
-
-
-
- - - - \ No newline at end of file diff --git a/Art/lukas2485-movingAround/meta.json b/Art/lukas2485-movingAround/meta.json deleted file mode 100644 index b1bc26a2a..000000000 --- a/Art/lukas2485-movingAround/meta.json +++ /dev/null @@ -1,4 +0,0 @@ -{ - "artName": "Moving Around", - "githubHandle": "lukas2485" -} \ No newline at end of file diff --git a/Art/lukas2485-movingAround/style.css b/Art/lukas2485-movingAround/style.css deleted file mode 100644 index f8c5cd6c7..000000000 --- a/Art/lukas2485-movingAround/style.css +++ /dev/null @@ -1,58 +0,0 @@ -.box { - width: 500px; - height: 300px; - background-color: black; - padding: 15px; - } - - #bubble { - height: 100px; - width: 100px; - border-radius: 50%; - background-color: lightblue; - animation: - pulse 2s ease infinite alternate, - nudge 6s linear infinite alternate; - } - - #line { - height: 100%; - width: 5px; - background-color: lightblue; - animation: - nudge 6s linear infinite alternate, - rotate 4s ease infinite; - } - - @keyframes rotate { - 50% { - transform: rotate(0); - } - - 80% { - transform: rotate(-70deg); - } - } - - - @keyframes pulse { - 0%, 100% { - background-color: red; - } - 50% { - background-color: orange; - } - } - - @keyframes nudge { - - 50% { - transform: translate(320px, 0); - } - - 100% { - transform: translate(-30px, 0); - } - } - - \ No newline at end of file