What you'll learn
Learn how to make a Photography website with html and Css
AOS animation
CSS animation
On scroll animation
Requirements
Intermediate level of Html and Css
Description
Hi guys!This photography website course is divided inton6 sections. The details of each section are below:First Section: MenuVideo 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 AnimationVideo where I explain how to add the "loading" animation from 0 to 100% with cloudfare/ jquery scripts.Third Section: Photo AnimationVideo 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 ContactIn 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: GalleryIn 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
Overview
Section 1: Menu
Lecture 1 Vertical menu navbar
Section 2: Counter-up section
Lecture 2 Loading Box
Section 3: Top photos animation
Lecture 3 Keyframes animation
Section 4: Title, Subtitle and Background image
Lecture 4 Keyframes animation
Section 5: About, Travel and contact
Lecture 5 Grid
Section 6: Contact and Social media
Lecture 6 AOS animation
Section 7: Gallery
Lecture 7 Gallery Slideshows
Web development beginners

Homepage

https://www.udemy.com/course/learn-how-to-make-a-photography-website-with-html-and-css/

Related Downloads :

{related-news}