website with html and Css
What you will learn
Learn how to make a Photography website with html and Css
AOS animation
CSS animation
On scroll animation
Description
Hi guys!
This photography website course is divided inton6 sections. The details of each section are below:
First Section: Menu
Video where I explain how to make an interactive menu with 4 links and a menu icon which will have a transition when clicked.
The links will be related to the different sections of the home page and will have a font change transition when we place the cursor on one.
Second Section: Counter Animation
Video where I explain how to add the “loading” animation from 0 to 100% with cloudfare/ jquery scripts.
Third Section: Photo Animation
Video where I explain how to add an animation of three photos using the property “transform:rotate3d” to generate a sequence that is displayed and then gradually fades.
Fourth Section: Title Animation, subtitle and background image.
In this video I explain how to add the above animation to titles.
Also how to make a transition to display wallpaper with keyframes.
Fifth Section: About, Travel and Contact
In this video I explain how to add AOS animation ( trigger animation when we slide down with the mouse )
we are going to apply various types of animation to different sections. I also explain how to make a Grid or grid of images.
Sixth Section: Gallery
In this video I explain how to add a transition to display a second page from left to right slowly.
Also how to make a Slideshow of images that are shown in transition one after the other.
THE FILES SOURCES ARE ATTACHED TO THE LAST SECTION OF THE COURSE
Content
Menu
Counter-up section
Top photos animation
Title, Subtitle and Background image
About, Travel and contact
Contact and Social media
Gallery