diff --git a/Art/Adithya/animation101/index.html b/Art/Adithya/animation101/index.html
new file mode 100644
index 000000000..4445849d4
--- /dev/null
+++ b/Art/Adithya/animation101/index.html
@@ -0,0 +1,18 @@
+
+
+
+
+
+ Rainbow Gradient Animation
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/Art/Adithya/animation101/nebula-gif.gif b/Art/Adithya/animation101/nebula-gif.gif
new file mode 100644
index 000000000..adfcb2739
Binary files /dev/null and b/Art/Adithya/animation101/nebula-gif.gif differ
diff --git a/Art/Adithya/animation101/styles.css b/Art/Adithya/animation101/styles.css
new file mode 100644
index 000000000..747a7ba1e
--- /dev/null
+++ b/Art/Adithya/animation101/styles.css
@@ -0,0 +1,40 @@
+@keyframes gradient-animation {
+ 0% {
+ transform: scale(1);
+ }
+ 50% {
+ transform: scale(1.2);
+ }
+ 100% {
+ transform: scale(1);
+ }
+}
+
+body {
+ background-color: black; /* Set the background color of the entire page to black */
+ margin: 0;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ height: 100vh;
+ overflow: hidden;
+}
+
+.gradient-container {
+ width: 400px; /* Adjust size as needed */
+ height: 400px; /* Adjust size as needed */
+ background-color: black; /* Set background color to black */
+ background-image: radial-gradient(circle,
+ #000080, /* Dark Blue - Deep space */
+ #4B0082, /* Indigo - Star clusters */
+ #9400D3, /* Dark Violet - Nebulae */
+ #FF00FF, /* Magenta - Nebulae */
+ #FF7F00, /* Orange - Nebulae */
+ #FFFF00, /* Yellow - Stars */
+ #00FF00, /* Green - Stars */
+ #0000FF /* Blue - Stars */
+ );
+ background-size: cover;
+ animation: gradient-animation 2s ease infinite; /* Adjust animation duration as needed */
+ border-radius: 50%;
+}
diff --git a/include.js b/include.js
index 5fec8e863..5a0558111 100644
--- a/include.js
+++ b/include.js
@@ -2903,6 +2903,13 @@ let cards = [
author: 'Kalliran',
githubLink: 'https://github.com/Kalliran'
},
+ {
+ artName: 'Nebula animation', // change this to the name of your artwork
+ pageLink: './Art/ms-roshni/triangle.html', // change this
+ imageLink: './Art/ms-roshni/nebula-gif.gif', // change this
+ author: 'Roshni', // use your name
+ githubLink: 'https://github.com/ms-roshni' // change this
+ }
];
/* -------------------------------------------------------------------------- */