• views: 76
• date: 14 January 2023
• posted by: voska89

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/

   
   
   

Forex Trading

Crypto Trading. 20 USD Bonus after KYC

We need your support!
Make a donation to help us stay online
        
Bitcoin (BTC)
bc1q08g9d22cxkawsjlf8etuek2pc9n2a3hs4cdrld
	
Bitcoin Cash (BCH)
qqvwexzhvgauxq2apgc4j0ewvcak6hh6lsnzmvtkem

Ethereum (ETH)
0xb55513D2c91A6e3c497621644ec99e206CDaf239

Litecoin (LTC)
ltc1qt6g2trfv9tjs4qj68sqc4uf0ukvc9jpnsyt59u

USDT (ERC20)
0xb55513D2c91A6e3c497621644ec99e206CDaf239

USDT (TRC20)
TYdPNrz7v1P9riWBWZ317oBgJueheGjATm

0 1 2 3 4 5

| Print version |

	Information
		Users of GUESTS are not allowed to comment this publication.