diff --git a/Art/poltu/artmotion index.html b/Art/poltu/artmotion index.html new file mode 100644 index 00000000..735225f5 --- /dev/null +++ b/Art/poltu/artmotion index.html @@ -0,0 +1,20 @@ + + + + + + My first Art Animation + + + + +

City Life

+
+ +
+ + + \ No newline at end of file diff --git a/Art/poltu/artstyle.css b/Art/poltu/artstyle.css new file mode 100644 index 00000000..3716faa8 --- /dev/null +++ b/Art/poltu/artstyle.css @@ -0,0 +1,45 @@ +*{ + text-align: center; +} +body{ + background-color: skyblue; +} + +h1{ + font-family: fantasy; + font-size: 4em; + border-bottom: 2px solid pink; + width: 400px; + text-align: center; + box-shadow: 4px 4px 5px #888888; + margin-top: 10px; + +} + +.my-element { + display: inline-block; + margin: 0 0.5rem; + + animation: heartBeat; + animation-duration: 2s; +} +.my-element { + --animate-repeat: 2; +} + +img{ + width: 550px; + height: 350px; + margin: 10px; +} +img:hover { + transform: scale(1.1); + } +.container { + display: flex; + flex-wrap: wrap; + justify-content: center; +} +.container:hover { + transform: rotate(-15deg); +} diff --git a/Art/poltu/world.gif b/Art/poltu/world.gif new file mode 100644 index 00000000..ef5083df Binary files /dev/null and b/Art/poltu/world.gif differ diff --git a/include.js b/include.js index 0ed9c155..03052f8e 100644 --- a/include.js +++ b/include.js @@ -9445,6 +9445,13 @@ let cards = [ imageLink: './Art/wasiqs-classics/snow.gif', author: 'Wasiq Khan', githubLink: 'https://github.com/wasiqs-classics' + }, + { + artName: 'poltu', + pageLink: './Art/poltu/artmotion index.html', + imageLink: './Art/poltu/world.gif', + author: 'neeshat', + githubLink: 'https://github.com/neeshat060708' } ];