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
Watch video Design and code landing page HTML CSS JS Animations page transitions 1/2 online without registration, duration hours minute second in high quality. This video was added by user Ready Designer One 06 March 2020, don't forget to share it with your friends and acquaintances, it has been viewed on our site 1,285 once and liked it 34 people.