diff --git a/Art/mohmmadAyesh/Rinnegan.html b/Art/mohmmadAyesh/Rinnegan.html new file mode 100644 index 000000000..df49e0267 --- /dev/null +++ b/Art/mohmmadAyesh/Rinnegan.html @@ -0,0 +1,39 @@ + + + + + + + Rinnegan + + +
+
+
+
+
+
+
+
+
+
+ + +
+
+
+
+
+
+
+
+
+
+ + + + +
+
+ + \ No newline at end of file diff --git a/Art/mohmmadAyesh/rinnegan.gif b/Art/mohmmadAyesh/rinnegan.gif new file mode 100644 index 000000000..88b7d4b60 Binary files /dev/null and b/Art/mohmmadAyesh/rinnegan.gif differ diff --git a/Art/mohmmadAyesh/style.css b/Art/mohmmadAyesh/style.css new file mode 100644 index 000000000..94f0e9811 --- /dev/null +++ b/Art/mohmmadAyesh/style.css @@ -0,0 +1,103 @@ +body{ + margin:0; + padding:0; + display: flex; + align-items: center; + justify-content: center; +} +.container{ + width:500px; + height:500px; + position:relative; + display:flex; + align-items: center; + justify-content:space-between; + +} +.eye{ + width:300px; + height:300px; + background-color:blue; + border-radius: 98% 6% 75% 1%; + position:absolute; + top:50%; + transform: translate(-50%,-50%) rotate(45deg); + border:1px solid #212121; + background-color: rgb(197,184,298); + overflow: hidden; +} +.eye1{ + left:0%; +} +.eye2{ + right:-50%; + border-radius:98% 1% 75% 6%; +} +.eye div{ + border:1px solid black; + position:absolute; + top: 50%; + left: 50%; + transform:translate(-50%,-50%); + border-radius: 50%; + animation-name:animate; + animation-duration:5.25s; + animation-timing-function:linear; + animation-iteration-count: infinite; +} +span{ + display: inline-block; + border-radius: 50%; + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%,-50%); +} +.iris{ + width:8.5%; + height:8.5%; + background-color: #212121; +} +.iris2{ + width: 24%; + height: 24%; + background-color: rgb(175,158,195); + border:1px solid black; +} +.l1{ + animation-delay:0s; +} +.l2{ + animation-delay: 0.75s; +} +.l3{ + animation-delay:1.5s; +} +.l4{ + animation-delay: 2.25s; +} +.l5{ + animation-delay:3s; +} +.l6{ + animation-delay: 3.75s; +} +.l7{ + animation-delay:4.5s; +} +.l8{ + animation-delay: 5.25s; +} + +@keyframes animate { + 0%{ + width:5%; + height:5%; + } + 100%{ + width:100%; + height:100%; + } +} + + diff --git a/include.js b/include.js index 5fec8e863..a709f8a44 100644 --- a/include.js +++ b/include.js @@ -2903,6 +2903,13 @@ let cards = [ author: 'Kalliran', githubLink: 'https://github.com/Kalliran' }, + { + artName: 'Rinnegan Eyes', + pageLink: './Art/mohmmadAyesh/Rinnegan.html', + imageLink: './Art/mohmmadAyesh/rinnegan.gif', + author: 'Mohmmad Ayesh', + githubLink: 'https://github.com/mohmmadAyesh' + }, ]; /* -------------------------------------------------------------------------- */