diff --git a/Art/Mihajlo88/ainamation.gif b/Art/Mihajlo88/ainamation.gif new file mode 100644 index 000000000..c373dadd6 Binary files /dev/null and b/Art/Mihajlo88/ainamation.gif differ diff --git a/Art/Mihajlo88/index.html b/Art/Mihajlo88/index.html new file mode 100644 index 000000000..92c3e1ded --- /dev/null +++ b/Art/Mihajlo88/index.html @@ -0,0 +1,42 @@ + + + + + Skillshare - Animating SVG with Aga Naplocha + + + + + + + This is a happy face. + + + + + + + diff --git a/Art/Mihajlo88/styles.css b/Art/Mihajlo88/styles.css new file mode 100644 index 000000000..5218952de --- /dev/null +++ b/Art/Mihajlo88/styles.css @@ -0,0 +1,15 @@ +.happy-face { + height: 500px; + animation-name: bounce; + animation-duration: 1s; + animation-iteration-count: infinite; +} + +@keyframes bounce { + 30% { + transform: translateY(-50px); + } + 50% { + transform: scale(1.5) rotate(10deg); + } +} diff --git a/include.js b/include.js index a070d194a..9315cba35 100644 --- a/include.js +++ b/include.js @@ -6590,6 +6590,13 @@ let cards = [ imageLink: './Art/ball/bouncing-ball.gif', author: 'Varian1', githubLink: 'https://github.com/varian1' + }, + { + artName: 'TransCopy', + pageLink: './Art/Mihajlo88/index.html', + imageLink: './Art/Mihajlo88/animation.gif', + author: 'Mihajlo88', + githubLink: 'https://github.com/Mihajlo' } ];