I forgot to add a Preview before the video, but here's a quick video of it: • Parallax Preview
Parallax Effects are wonderful for Websites, especially Hero Banners. Let's add a vertical scrolling effect using unique images.
00:00 Intro
00:16 Canva for Image Creation
01:00 Colour Scheme Palette coolors.co/
01:59 Image Layers (Transparent Background)
03:14 Canvas Size for the Images
04:03 Freehand Drawing in Canva
04:36 Optimise your Images
04:55 The First Elementor Section
05:52 1st Image Added (The Sun)
06:43 2nd Image (Clouds)
07:08 Absolute Positioning
08:15 Vertical Scrolling Effect
08:45 Positioning Vertical Effect
09:10 3rd Image (Mountain 1)
10:58 4th Image (Mountain 2)
11:42 5th Image (Birds)
12:32 6th Image (Mountain 3)
13:45 The Second Section
14:52 Preview
15:26 Add a Header
16:14 Fixed Positioning
17:46 Add Content to the Second Section
19:13 Mobile View
20:00 Outro
I forgot to add a Preview before the video, but here's a quick video of it: • Parallax Preview
Elementor - Add a Parallax Hero Section with No Plugin and No Extra Codes
Music used:
Track: Will You Be Mine (Remix)
Free download: brokeinsummer.com/will-you-be...
Artists: brokeinsummer.com
Contact: brokeinsummer.com/help
Music provided by Audio Library Plus
- Get Elementor Pro here --- trk.elementor.com/license
-- Of course, we're affiliated to them, but it helps to pay for resources to keep creating ace content for you :)
-- Book an Appointment/Consultation: calendly.com/info-28542
-- LinkedIn: / imran-siddiq-7320a74a
-- Instagram: / batswebsitedesign
-- Twitter: / imranwebsites
-- Facebook: / websquadrontraining
PS: websquadron.co.uk
PPS: Contact us at info@websquadron.co.uk
PPPS: We only build with Elementor Pro
Негізгі бет Тәжірибелік нұсқаулар және стиль Elementor - Add a Parallax Hero Section with No Plugin and No Extra Codes
Пікірлер: 59