Creating a beautiful website with 3D Parallax effect (HTML + CSS)

579,385 views

WebDesign Master

Published on Jun 1, 2023
About :

All courses in one bundle: https://wd-m.ru/bundle Website creation from A to Z: https://goo.gl/ankxq9 In this lesson, we will look at creating a website with a beautiful 3D effect. Today I will show you how such cool websites are created and explain in detail all the moments and subtle nuances of development. The key feature of this example is the implementation of the depth effect on the website using 3D perspective. You will be surprised how easy and fast it is to develop such things using modern CSS. Lesson page: https://webdesign-master.ru/blog/html... Timecodes: 00:00 Lesson start 01:23 Lesson materials overview 02:21 Preparing images for a 3D website 10:00 Getting started with HTML layout of the website 12:20 Connecting CSS and JavaScript files 13:47 HTML layout of the website (all markup) 20:23 Getting started with CSS styling 21:43 Connecting CSS fonts 23:29 Styling the body tag 24:11 Styling the logo on the website 24:52 Layout of layers for 3D animation 28:39 3D effect using JavaScript 35:55 ​​Layers in 3D space (depth) 46:04 CSS styling of website content 47:41 Smooth animation in CSS 51:37 Styling the logo and text 57:37 Button layout 1:01:55 Overlapping layers in CSS 1:04:11 What else to study? VKontakte: https://vk.com/jediweb Telegram: https://t.me/jediweb Zen: https://dzen.ru/jediweb

  • vidoe Comments
Trend Videos
41:10
[SUB] “This is why I don’t go to meetings” A day in the life of NCT DREAM, where collective monologues run rampant💬 Idol Human Theater
아이돌 인간극장
294,795 views   19 hours ago
17:33
How long should we keep celebrating Kaya Rani's birthday week?
카야라니 [KaiaLani]
142,832 views   1 day ago
54:46
Seoul Mukbang VLOG + One bite Hyeyoung 😋 Episode 3) Samgyeopsal + chicken feet + Mul Naengmyeon Life Kkwabarow + Cheese Bomb Nurungji Chicken + Yogurt World Buldak Bokkeummyeon Cheongwaok Ginger Bear Dore Dore Lotte Hotel X Bomnal Encollaboration 2 nights 3 days Seoul trip❤️MUKBANG
여수언니 정혜영 [Yeosu Unnie]
238,302 views   4 days ago
14:47
Jung Joon Ha and Jung Soo Bin vs. Lee Soo Geun and Kim Bo Mi Mixed Match_(I have to eat Jajangmyeon like crazy~)
이수근채널 - 수근이의 취미 생활
97,721 views   23 hours ago
19:04
Mimi Minu's Super-fast Breakup Date Course! (w. Chaeyoung) Tertrip 3 EP.1
LG Uplus
787,160 views   2 days ago
28:34
[Ah-hyung Highlight] All below Seoul National University..?! Mi-mi-minu and Seo Jang-hoon arguing about affinity vs. high affinity - Triple S Kim Yoo-yeon from Ewha Womans University's one-shot at Seo Jang-hoon💥 Knowing Brothers JTBC 241116 broadcast
아는형님 Knowingbros
781,132 views   18 hours ago
50:02
[EN] The pre-meeting is just an excuse ㅣ EP.62
뜬뜬 DdeunDdeun
1,721,284 views   1 day ago
14:54
Where will Son Heung-min go if he leaves Tottenham?
김진짜 Real KIM
842,425 views   2 days ago
28:34
[Ah-hyung Highlight] All below Seoul National University..?! Mi-mi-minu and Seo Jang-hoon arguing about affinity vs. high affinity - Triple S Kim Yoo-yeon from Ewha Womans University's one-shot at Seo Jang-hoon💥 Knowing Brothers JTBC 241116 broadcast
아는형님 Knowingbros
781,132 views   18 hours ago
54:46
Seoul Mukbang VLOG + One bite Hyeyoung 😋 Episode 3) Samgyeopsal + chicken feet + Mul Naengmyeon Life Kkwabarow + Cheese Bomb Nurungji Chicken + Yogurt World Buldak Bokkeummyeon Cheongwaok Ginger Bear Dore Dore Lotte Hotel X Bomnal Encollaboration 2 nights 3 days Seoul trip❤️MUKBANG
여수언니 정혜영 [Yeosu Unnie]
238,302 views   4 days ago
28:08
[Eating Vlog #104] From now on, my personal color is chicken feet in soup..❤️‍🔥I'll bring everything that's trendy these days😎 Michelin, Dunkin Dubai, Shin Ramyun Toomba, Dongpa Pork + Jajangmyeon, Chestnut Tiramisu, Marshmallow Cake, S'mores Chocolate
살빼조DietJo
459,221 views   5 days ago
8:14
Don't make it hard to pickle radish✔️ I can't eat this method these days because it's not available.
엄마의손맛
987,098 views   2 weeks ago
19:57
[VLOG] Tearful Taeyomine Dongdong's Birth Vlog 👼🏻
태요미네
1,412,127 views   2 days ago
29:11
Eat 11,111 calories of Pepero in one day!! (w. Baek & Ah Areum)
박씨집안
268,570 views   5 days ago
18:21
The affection of a Korean who moved the Uzbek family to tears (Uzbek international couple)
우즈벡 라이프 UZBEK LIFE 우라티비
189,771 views   4 days ago
2:21
Jjajangmyeon Mukbang on Moving day
소맥거핀
1,156,890 views   1 day ago
23:21
Han Hye Jin's Kimjang Day with Pungja and Eom Ji-yoon❤️(Miss you, Na-rae..^^) Mukbangs, Hongcheon
한혜진 Han Hye Jin
465,983 views   2 days ago
7:12
[Park Soo-hong is happy] Caesarean section recovery Daily life of a postpartum caregiver Changes after giving birth Happiness given by a baby Newborn Beginning of parenting
박수홍 행복해다홍
391,664 views   1 day ago
26:30
🥬8-pack Kimchi🥬Lee Ha-yeon's 2024 Kimchi! All the secret ingredients of the master's kimchi are revealed!
김치쌤 이하연
171,886 views   5 days ago
23:38
Mysterious Soviet Taxi Driver and Extreme Road Trip - Tajikistan (2)
곽튜브
756,405 views   8 days ago
10:34
Don't bother with pickling dongchimi✔️ This method allows you to scrape off all the broth and eat it.
엄마의손맛
692,027 views   10 days ago
29:11
Eat 11,111 calories of Pepero in one day!! (w. Baek & Ah Areum)
박씨집안
268,570 views   5 days ago
0:40
[Moana 2] 'Beyond' MV Teaser
Disney Korea
549,493 views   2 days ago
3:13
[Steph] Choi Ho Jong · Eternal Nightmare Main Character Stage Choice by PUBLIC Mission Solo Cam Stage Voting
The CHOOM (더 춤)
622,756 views   4 days ago
3:31
JAESSBEE - 'All Now with You' Official MV
MMTG 문명특급
1,779,527 views   6 days ago
16:46
Sold out in 10 minutes. Samsung Galaxy Z Fold SE... What are your thoughts after using it for a week?
ITSub잇섭
983,265 views   2 days ago
11:49
When I first visited my sister-in-law's newlywed home after she got married in Korea, there were so many new things that I was surprised by.
예나러브 [Jun & Yena]
482,205 views   4 days ago
3:12
JAESSBEE - 'All of Now with You' @JAESSBEE 1st Fan Concert 20241115
MMTG 문명특급
546,471 views   1 day ago
9:46
The suffocating college entrance exam results are announced on the day of the exam
빠더너스 BDNS
1,147,166 views   2 days ago
18:21
The affection of a Korean who moved the Uzbek family to tears (Uzbek international couple)
우즈벡 라이프 UZBEK LIFE 우라티비
189,771 views   4 days ago
50:02
[EN] The pre-meeting is just an excuse ㅣ EP.62
뜬뜬 DdeunDdeun
1,721,284 views   1 day ago
19:04
Mimi Minu's Super-fast Breakup Date Course! (w. Chaeyoung) Tertrip 3 EP.1
LG Uplus
787,160 views   2 days ago
Google AdSense
336 x 280
Up Next
1:24:32
How to Conclude Contracts with a Client Using NLP? Part 2
Яна Гусева
40,049 views
5 years ago
48:30
Working with customer objections. Yana Guseva. Soft auction. Real estate sales technique step by step
Яна Гусева
8,189 views
5 years ago
17:19
Answer to the question "Why can't you conclude an exclusive agreement the first time?"
Яна Гусева
8,398 views
2 years ago
41:26
Working with customer objections. Yana Guseva. REFRAMING technique when working with objections
Яна Гусева
12,693 views
5 years ago
15:42
Cold Calling for a Realtor-2024, What Has Changed and How to Turn a Subscriber into a Client
Екатерина Котлярова
2,180 views
4 months ago
49:20
Working with customer objections. Yana Guseva. What is a customer need, how to recognize it and work with it
Яна Гусева
17,489 views
5 years ago
37:23
Yana Guseva "Technology of concluding an exclusive agreement in new realities..." PPKR-2022
Самолет Плюс Подмосковье
286 views
2 years ago
49:23
How to Conclude Contracts with a Client Using NLP? Part 1
Яна Гусева
48,296 views
5 years ago
1:05:16
Price and value of real estate services. How to ensure payment of commission Yana Guseva
Макромир
10,081 views
6 years ago
36:50
The system at the service of the agent. We destroy stereotypes that it does not exist.
Яна Гусева
16,800 views
3 years ago
20:00
Training. Take and do! How to see your mental traps that prevent you from earning. Part 1
Яна Гусева
29,728 views
4 years ago
47:04
How should a realtor deal with client refusals? Yana Guseva Conference Realtor for a Million 2018.
Риэлтор на миллион
5,599 views
6 years ago
1:31:00
Agent Training: How to Set Up a Meeting with an Owner in 30 Seconds?
Яна Гусева
429,946 views
5 years ago
44:37
Where should a realtor look for clients? Client base of a real estate agent. Tips from Olesya Rudakova
Люди недвижимости - M2tv
68,706 views
4 years ago
20:14
Objections NO NEED, NOT INTERESTING, EVERYTHING IS THERE Sales training
Виталий Голицын
196,316 views
6 years ago
26:59
Baytoti series, episode 19... Majed Yassin and In'am Al-Rubaie in a comedy
قناة دجلة الفضائية
883,582 views
2 years ago
43:55
Electrical Contact - Grish and Marish - Part Two - Episode 10
Alsumaria السومرية
4,316,847 views
5 years ago
35:22
Baytoti series, episode twenty-two... Majed Yassin and In'am Al-Rubaie in a comedy
قناة دجلة الفضائية
1,243,907 views
2 years ago
39:27
Baytoti series, episode 15. Majed Yassin and In'am Al-Rubaie in a comedy
قناة دجلة الفضائية
1,016,916 views
2 years ago
43:46
Baytoti series, episode 2. Majed Yassin and In'am Al-Rubaie in a comedy
قناة دجلة الفضائية
3,271,321 views
2 years ago
33:54
The last episode of the series "Baytoti"... Majed Yassin and In'am Al-Rubaie in a comedy
قناة دجلة الفضائية
794,436 views
2 years ago
38:01
Baytoti series, episode 14. Majed Yassin and In'am Al-Rubaie in a comedy
قناة دجلة الفضائية
1,681,872 views
2 years ago
36:35
The Swigate Family Episode 8
Etana Production - ايتانا للانتاج الفني
764,800 views
2 years ago
40:50
The first episode of the #Come_De program
MBC IRAQ
7,652,365 views
5 years ago
41:46
Baytoti series, episode 4. Majed Yassin and In'am Al-Rubaie in a comedy
قناة دجلة الفضائية
1,266,296 views
2 years ago
29:18
Red Cat 3 Episode 1 Adventures of an Iraqi Family
Utv
4,691,644 views
1 year ago
1:07:10
The movie "Sib Wa Ana Asib" Part 5 Starring Hana El Zahed and Ahmed Hatem If I Were. One Day I Forgot A wonderful story
Kmedia Production
2,294,727 views
1 year ago
51:49
The Greatest Attractive Series Cinderella Episode 13
قناة الرشيد الفضائية
999,640 views
2 years ago
7:51
#Hashtag Election of the official of Dijlah TV Channel
راديو هوا دجلة
110,418 views
4 years ago
42:07
Hareem Aboy series, episode 1 - Suad Ali - Haifa Hussein
Shoof Max - شوف ماكـس
1,896,734 views
2 years ago
59:23
The World of Mrs. Waheeba, Episode 15, HD
العراق الان
1,652,366 views
4 years ago
33:59
Al Hayala Episode 21
Mahatat
11,238,538 views
6 years ago
44:41
Office Workers Movie
احمد وحيد
523,753 views
2 months ago
14:54
The Indomie project failed - #Sweikat_Family
Etana Production - ايتانا للانتاج الفني
2,464,292 views
4 years ago
Google AdSense
336 x 280

fetery.com. Copyright 2024