From ba1d3c4f5424e509cf20fc10b79dc84e42565304 Mon Sep 17 00:00:00 2001 From: madhesh Date: Wed, 7 Jun 2023 12:37:01 +0530 Subject: [PATCH] adding my css animation to this project --- src/art.js | 7 ++ src/art/shrinking bars/index.html | 24 +++++ src/art/shrinking bars/shrinking bars.gif | Bin 0 -> 21908 bytes src/art/shrinking bars/style.css | 122 ++++++++++++++++++++++ 4 files changed, 153 insertions(+) create mode 100644 src/art/shrinking bars/index.html create mode 100644 src/art/shrinking bars/shrinking bars.gif create mode 100644 src/art/shrinking bars/style.css diff --git a/src/art.js b/src/art.js index 84fd663..0401260 100644 --- a/src/art.js +++ b/src/art.js @@ -1753,6 +1753,13 @@ "art_icon": "./art/yellowbeard_3/icon.png", "author_name": "Mayank Goel", "author_github_url": "https://github.com/yellowberard/" + }, + { + "name": "Shrinking Bars", + "page_link": "./art/shrinking bars/index.html", + "art_icon": "./art/shrinking bars/shrinking bars.gif", + "author_name": "Madhesh", + "author_github_url": "https://github.com/madhesh19/" } ] diff --git a/src/art/shrinking bars/index.html b/src/art/shrinking bars/index.html new file mode 100644 index 0000000..3e7b40d --- /dev/null +++ b/src/art/shrinking bars/index.html @@ -0,0 +1,24 @@ + + + + + + + shrinking bars + + + +
+
+
+
+
+
+
+
+
+
+
+
+ + \ No newline at end of file diff --git a/src/art/shrinking bars/shrinking bars.gif b/src/art/shrinking bars/shrinking bars.gif new file mode 100644 index 0000000000000000000000000000000000000000..e55ed391ff230f0d68f1555c49592cb308343aed GIT binary patch literal 21908 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 a9LuwO%C}t0xxCB29L&R9%w;AZ0029lDFg!m literal 0 HcmV?d00001 diff --git a/src/art/shrinking bars/style.css b/src/art/shrinking bars/style.css new file mode 100644 index 0000000..f0a60e9 --- /dev/null +++ b/src/art/shrinking bars/style.css @@ -0,0 +1,122 @@ +html { + background: #F2F2F2; +} + +.logo-holder { + background: #f2f2f2; + width: 180px; + height: 220px; + position: relative; + margin: 0 auto ; + padding-top: 12px; + padding-bottom: 24px; + transform: translateZ(0); + } + +.bg { + + position: absolute; + top: 9px; + left: 8px; + right: 8px; + bottom: 8px; + background: url(http://boutique.flarework.com/wp-content/themes/boutique/img/logo_large.png) center 0px no-repeat ; + background-size: contain; + filter: drop-shadow(0px 6px 25px rgba(0,0,0,0.5)); +} + +.bar { + position: relative; + height: 8px; + background: #6a6a6a; + width: 0%; + top: 0px; + left: 18px; + margin-top: 8px; + box-shadow: 0 0 3px rgba(192,192,192,0.9); + animation: fill 5s infinite alternate, colors 5s infinite alternate; +} + +.bar.fill1 { + animation: fill-1 5s infinite alternate, colors 5s infinite alternate; +} + +.bar.fill2 { + animation: fill-2 5s infinite alternate, colors 5s infinite alternate; +} + + +.bar.fill3 { + animation: fill-3 5s infinite alternate, colors 5s infinite alternate; +} + + +.bar.fill4 { + animation: fill-4 5s infinite alternate, colors 5s infinite alternate; +} + +.bar.fill5 { + animation: fill-5 5s infinite alternate, colors 5s infinite alternate; +} + +.bar.fill6 { + animation: fill-6 5s infinite alternate, colors 5s infinite alternate; +} + + + +@keyframes fill { + 0% { width: 0; } + 33% { width: 30px;} + 66% { width: 10px;} + 100% { width: 105px; } +} + +@keyframes fill-1 { + 0% { width: 0; } + 33% { width: 50px;} + 66% { width: 20px;} + 100% { width: 130px; } +} + +@keyframes fill-2 { + 0% { width: 0; } + 33% { width: 90px;} + 66% { width: 70px;} + 100% { width: 136px; } +} + +@keyframes fill-3 { + 0% { width: 0; } + 33% { width: 50px;} + 66% { width: 24px;} + 100% { width: 109px; } +} + +@keyframes fill-4 { + 0% { width: 0; } + 33% { width: 98px;} + 66% { width: 34px;} + 100% { width: 99px; } +} + +@keyframes fill-5 { + 0% { width: 0; } + 33% { width: 30px;} + 66% { width: 10px;} + 100% { width: 148px; } +} + + +@keyframes fill-6 { + 0% { width: 0; } + 33% { width: 48px;} + 66% { width: 22px;} + 100% { width: 140px; } +} + +@keyframes colors { + 0% { background-color: #5a5a5a;} + 50% { background-color: #3a3;} + 100% { background-color: #6a6a6a;} +} \ No newline at end of file