diff --git a/Art/rudrakushwaha/Arrows.gif b/Art/rudrakushwaha/Arrows.gif new file mode 100644 index 000000000..9e5578b3e Binary files /dev/null and b/Art/rudrakushwaha/Arrows.gif differ diff --git a/Art/rudrakushwaha/index.html b/Art/rudrakushwaha/index.html new file mode 100644 index 000000000..52cfd9bb4 --- /dev/null +++ b/Art/rudrakushwaha/index.html @@ -0,0 +1,17 @@ + + + + + + Animated Bow + + + +
+
+
+
+
+
+ + diff --git a/Art/rudrakushwaha/style.css b/Art/rudrakushwaha/style.css new file mode 100644 index 000000000..5affe3567 --- /dev/null +++ b/Art/rudrakushwaha/style.css @@ -0,0 +1,88 @@ +body { + margin: 0; + overflow: hidden; + display: flex; + justify-content: center; + align-items: center; + height: 100vh; + background-color: #000; + } + + .diamond { + width: 100px; + height: 100px; + position: relative; + transform: rotate(90deg); + } + + .diamond:before, + .diamond:after { + content: ''; + position: absolute; + width: 0; + border: 50px solid transparent; + } + + .diamond:before { + border-bottom-color: #078ecd; + top: 25px; + } + + .diamond:after { + border-top-color: rgb(255, 0, 76); + bottom: 25px; + } + + /* Sparkling animation */ + .sparkle1 { + top: 20px; + left: 20px; + position: absolute; + width: 10px; + height: 10px; + background-color: #cd4607; + animation: sparkleAnimation 2s infinite; + } + + .sparkle2 { + top: 20px; + left: 60px; + position: absolute; + width: 10px; + height: 10px; + background-color: #c3cd07; + animation: sparkleAnimation 2s infinite; + } + + .sparkle3 { + top: 60px; + left: 20px; + position: absolute; + width: 10px; + height: 10px; + background-color: #07cd28; + animation: sparkleAnimation 2s infinite; + } + + .sparkle4 { + top: 60px; + left: 60px; + position: absolute; + width: 10px; + height: 10px; + background-color: #078ecd; + animation: sparkleAnimation 2s infinite; + } + + @keyframes sparkleAnimation { + 0% { + transform: translateY(15px); + } + 50% { + transform: translateY(-15px); + } + 100% { + transform: translateY(20px); + } + } + diff --git a/include.js b/include.js index b089ce4d3..0f20d7321 100644 --- a/include.js +++ b/include.js @@ -2531,7 +2531,14 @@ let cards = [ imageLink: './Art/johnpauljohnnes/animation-one-ball/Ball.gif', author: 'johnpauljohnnes', githubLink: 'https://github.com/johnpauljohnnes' - } + }, + { + artName: 'Arrows', + pageLink: './Art/rudrakushwaha/index.html', + imageLink: './Art/rudrakushwaha/arrows.gif', + author: 'Rudraksh', + githubLink: 'https://github.com/rudrakushwaha' + }, ]; /* -------------------------------------------------------------------------- */