From 185c9c0ec5da0e4c6f46bd330d6aa5db8029b17c Mon Sep 17 00:00:00 2001 From: Karol Wiczling Date: Sun, 22 Oct 2023 18:44:04 +0200 Subject: [PATCH] adding my new art (#2295) * adding my animation * create circle animation * add immage * Update include.js I'm very sorry for my inattentiveness :/ * update fokredd * complex animation * add image * test * Update square.html * Update square.css --------- Co-authored-by: Sophia Brandt <16630701+sophiabrandt@users.noreply.github.com> Co-authored-by: Laureline Paris <32878345+LaurelineP@users.noreply.github.com> --- Art/K-Wiczling/complex.css | 46 ++++++++++++++++++++++++++++++++++++ Art/K-Wiczling/complex.html | 15 ++++++++++++ Art/K-Wiczling/complex.png | Bin 0 -> 10874 bytes Art/K-Wiczling/square.css | 2 +- Art/K-Wiczling/square.html | 5 +++- include.js | 7 ++++++ 6 files changed, 73 insertions(+), 2 deletions(-) create mode 100644 Art/K-Wiczling/complex.css create mode 100644 Art/K-Wiczling/complex.html create mode 100644 Art/K-Wiczling/complex.png diff --git a/Art/K-Wiczling/complex.css b/Art/K-Wiczling/complex.css new file mode 100644 index 000000000..73b0f53f8 --- /dev/null +++ b/Art/K-Wiczling/complex.css @@ -0,0 +1,46 @@ +.inner { + background-color: red; + width: 100px; + height: 100px; + border-radius: 44%; + animation: box 15s infinite; +} +.box{ + animation: rot 2s infinite; + background-color: black; + width: 300px; + height: 300px; + margin: 0 auto; + margin-top: 30vh; + +} +#inner1{ + background-color: red; + +} +#inner2{ + background-color: greenyellow; + +} +#inner3{ + background-color: goldenrod; + +} +@keyframes box { + 0% { + background-color: red; + } + + 100% { + background-color: green; + } + } + @keyframes rot { + 0%, + 100% { + transform: rotate(360deg); + } + 50% { + transform: rotate(0deg); + } +} \ No newline at end of file diff --git a/Art/K-Wiczling/complex.html b/Art/K-Wiczling/complex.html new file mode 100644 index 000000000..12a409e9e --- /dev/null +++ b/Art/K-Wiczling/complex.html @@ -0,0 +1,15 @@ + + +
+
+
+ +
+
+ +
+
+ +
+
+
diff --git a/Art/K-Wiczling/complex.png b/Art/K-Wiczling/complex.png new file mode 100644 index 0000000000000000000000000000000000000000..9a430fb3e9dc938df7432d0a22dee06c5ad516c4 GIT binary patch literal 10874 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
-
+ +
+
+
diff --git a/include.js b/include.js index 812396bbf..a100ba67f 100644 --- a/include.js +++ b/include.js @@ -2179,6 +2179,13 @@ let cards = [ author: 'K-Wiczling', githubLink: 'https://github.com/K-Wiczling' }, + { + artName: 'Complex', + pageLink: './Art/K-Wiczling/complex.html', + imageLink: './Art/K-Wiczling/complex.png', + author: 'K-Wiczling', + githubLink: 'https://github.com/K-Wiczling' + }, { artName: 'Rolling Square Loader', pageLink: './Art/psykat1611/index.html',