Design and code landing page HTML CSS JS Animations page transitions 1/2
Design and code a simple landing page with HTML and CSS, sprinkle in some simple animations for fading in text and page transitions when you click on another page.
If you would like to follow along, here is the base CSS, which is mainly css utility classes and CSS variables to speed up the process. Download on Github:
https://github.com/royquilor/awwesome...
We will be using two javascript libraries (This will be in the next part as the whole video would be under 1 hr)
1. Animation on scroll
https://michalsnik.github.io/aos/
2. Page transition:
https://swup.js.org/getting-started
Don't forget to give the repo a star if you find it useful.
The tutorial is split into two parts. Next video out soon.
The illustrations are from:
https://icons8.com/
You can download the free png version, which is what I did for this tutorial.
👋 CONNECT
Website: https://www.quilor.com
Instagram: / royquilor
Dribbble: https://www.dribbble.com/royquilor
Twitter: / royquilor
#Webdesign #HTML #landingpage
Смотрите видео Design and code landing page HTML CSS JS Animations page transitions 1/2 онлайн без регистрации, длительностью часов минут секунд в хорошем качестве. Это видео добавил пользователь Ready Designer One 06 Март 2020, не забудьте поделиться им ссылкой с друзьями и знакомыми, на нашем сайте его посмотрели 1,285 раз и оно понравилось 34 людям.