├── README.md ├── app.js ├── img ├── image.png └── signature.png ├── index.html └── style.css /README.md: -------------------------------------------------------------------------------- 1 | # Awesome Website Animations With CSS & JavaScript Tutorial 2 | 3 | [Watch in on Youtube](https://youtu.be/1PcHzVn8hq8) 4 | -------------------------------------------------------------------------------- /app.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sefyudem/Javascript-Website-Animations/bb1fa91f0f2142d9e37759f092a1ba10912cc299/app.js -------------------------------------------------------------------------------- /img/image.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sefyudem/Javascript-Website-Animations/bb1fa91f0f2142d9e37759f092a1ba10912cc299/img/image.png -------------------------------------------------------------------------------- /img/signature.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sefyudem/Javascript-Website-Animations/bb1fa91f0f2142d9e37759f092a1ba10912cc299/img/signature.png -------------------------------------------------------------------------------- /index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | Website Animation 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | -------------------------------------------------------------------------------- /style.css: -------------------------------------------------------------------------------- 1 | @import url("https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800&display=swap"); 2 | 3 | /* 4 | Dark Green Color : #1d2927 5 | Orange Color : #f3c892 6 | */ 7 | --------------------------------------------------------------------------------