diff --git a/Art/Nyrkn10/index.html b/Art/Nyrkn10/index.html new file mode 100644 index 000000000..0b1b27908 --- /dev/null +++ b/Art/Nyrkn10/index.html @@ -0,0 +1,12 @@ + + + + + + + +
+ + + + \ No newline at end of file diff --git a/Art/Nyrkn10/set.gif b/Art/Nyrkn10/set.gif new file mode 100644 index 000000000..ebd365eec Binary files /dev/null and b/Art/Nyrkn10/set.gif differ diff --git a/Art/Nyrkn10/style.css b/Art/Nyrkn10/style.css new file mode 100644 index 000000000..54024eb76 --- /dev/null +++ b/Art/Nyrkn10/style.css @@ -0,0 +1,18 @@ +.animate { + width: 100px; + height: 100px; + background-color: blue; + position: relative; + animation-name: animated; + animation-duration: 4s; + animation-iteration-count: 6; +} + + +@keyframes animated{ + 0% { left:0px; top:0px;} + 25% { left:100px; top:0px;} + 50% { left:100px; top:100px;} + 75% { left:0px; top:200px;} + 100% { left:0px; top:0px;} +} \ No newline at end of file diff --git a/include.js b/include.js index 0b483d1ba..6ff8a687e 100644 --- a/include.js +++ b/include.js @@ -2855,7 +2855,13 @@ let cards = [ githubLink: 'https://github.com/daniel-badura' }, { - artName: 'Fascinating Animation', + artName: 'Animated', + pageLink: './Art/Nyrkn10/index.html', + imageLink: './Art/Nyrkn10/set.gif', + author: 'Nyariki Kevin', + githubLink: 'https://github.com/nyrkn10>' + }, + { artName: 'Fascinating Animation', pageLink: './Art/moutro/index.html', imageLink: './Art/moutro/Animation-Nation.png', author: 'Jay',