diff --git a/Art/1AA-Prajakta/trans1.css b/Art/1AA-Prajakta/trans1.css
new file mode 100644
index 000000000..b59300fbf
--- /dev/null
+++ b/Art/1AA-Prajakta/trans1.css
@@ -0,0 +1,23 @@
+.circle{
+ width: 300px;
+ height: 300px;
+ background-color: magenta;
+ transition: background-color 1s 1s;
+
+}
+.circle:hover{
+ background-color: cyan;
+ border-radius: 50%;
+
+}
+section div{
+ width: 100px;
+ height: 100px;
+ background-color: turquoise;
+ margin: 20px 0;
+ transition: margin-left 3s;
+
+}
+section:hover div{
+ margin-left: 500px;
+}
\ No newline at end of file
diff --git a/Art/1AA-Prajakta/trans1.gif b/Art/1AA-Prajakta/trans1.gif
new file mode 100644
index 000000000..591c446f9
Binary files /dev/null and b/Art/1AA-Prajakta/trans1.gif differ
diff --git a/Art/1AA-Prajakta/trans1.html b/Art/1AA-Prajakta/trans1.html
new file mode 100644
index 000000000..33b455d2a
--- /dev/null
+++ b/Art/1AA-Prajakta/trans1.html
@@ -0,0 +1,22 @@
+
+
+
+
+
+
+ TRANSITION
+
+
+
+ transition
+
+
+
+
+
+
\ No newline at end of file
diff --git a/include.js b/include.js
index cd92a221f..409f55051 100644
--- a/include.js
+++ b/include.js
@@ -639,6 +639,13 @@ let cards = [
author: 'Mehul1011',
githubLink: 'https://github.com/mehul1011'
},
+ {
+ artName: 'Flex Box Transition',
+ pageLink: './Art/1AA-Prajakta/trans1.html',
+ imageLink: './Art/1AA-Prajakta/trans1.gif',
+ author: 'prajaktakap00r',
+ githubLink: 'https://github.com/prajaktakap00r'
+ },
{
artName: 'Loading Dots',
pageLink: './Art/devSergiu/index.html',