This CSS card effect is addictive! Spotlight Border Animation [DE/Tutorial]

46,614 views

Unleashed Design

Published on Jan 22, 2023
About :

Do you need a hoster? ???? https://bit.ly/mein-hoster Today we're going to use CSS and a little JavaScript to build an animation that any website with cards could use. You don't need to know CSS or JavaScript. In this tutorial I'll explain everything you need to know about JavaScript and CSS to build this animation! And without ChatGPT. Questions or problems? Become part of the community! (Free) ???? Discord Server: / discord Support the channel: ???? Notes & ToDo: https://affiliate.notion.so/qa91a3px0ahk (Affiliate Link) ???? Adobe Creative Cloud: https://prf.hn/l/QxRnVXD (Affiliate Link) ???? My UI design tool: https://prf.hn/l/pmZdNJ9 (Affiliate Link) ???? Music I use: http://bit.ly/MeineHintergrundMusik (Affiliate Link) ???? My business account: http://bit.ly/MeinFreelanceKonto (Affiliate Link) ???? My accounting software: http://bit.ly/sevDeskUnleashed (Affiliate Link) ???? My hardware/camera equipment: http://amzn.to/2ccEY0l (Affiliate Link) ???? YouTube Membership: http://bit.ly/YouTubeSupporter (Affiliate Link) Chapters: 00:00 Demo 00:21 Introduction 00:49 Theory 02:12 Setup 02:39 Cards 04:33 CSS Variables 07:02 JavaScript 11:14 CSS Border Animation 13:42 Gradient Animation 16:23 End Links from the video: ► Live Demo: https://codepen.io/Unleashed-Design/p... ► Example: https://linear.app/features ► VSC Theme: http://bit.ly/VisualStudioCodeTheme ► IDE Tutorial: • New Basic Web Dev IDE with Vite! ???? [T... #css3 #webdesign #javascript My social media pages: ► Homepage: https://unleashed-design.de/?utm_medi... ► Youtube: http://bit.ly/1rPBJ9Y ► Twitter: http://bit.ly/1y4rMeD ► Instagram: http://bit.ly/1UjBLuD ► Twitch: http://bit.ly/29VyA7J ► Discord: / discord Copyright by Johannes Schiel / Unleashed Design

  • vidoe Comments
Trend Videos
8:05
What is the price of gold?
숏박스
2,373,875 views   4 days ago
3:54
aespa (에스파) - Whiplash Show! MusicCore MBC241026 broadcast
MBCkpop
1,679,564 views   3 days ago
9:11
Love alcohol problem
짧은대본 ShortPaper
532,404 views   3 days ago
24:57
2 hours on the plane VS 17 hours lying down ⎪🇮🇩Indonesia 2
원지의하루
671,801 views   7 days ago
3:22
1 day from today
웃기시네
588,357 views   2 days ago
8:45
💍 We're getting married..! With 5 years of memories ❤️
담다미담
1,259,453 views   6 days ago
3:22
1 day from today
웃기시네
588,357 views   2 days ago
11:44
[I'm SOLO LIVE] 22nd season final couple!! Is it currently in progress??
촌장엔터테인먼트TV
755,018 views   5 days ago
17:49
DAY6 fan meeting was held on KakaoTalk?! DAY6 did a challenge show for My Day even though there was no challenge to return🍀ㅣFantalk EP.1ㅣDAY6
카카오
256,901 views   1 day ago
37:54
[SUB] Excuse me, but would you please give me your passport? [I don't have anything] EP.32 #Lee Young-ji #Kentaro
차린건 쥐뿔도 없지만
6,431,134 views   11 days ago
11:44
[I'm SOLO LIVE] 22nd season final couple!! Is it currently in progress??
촌장엔터테인먼트TV
755,018 views   5 days ago
15:42
🇯🇵 Japanese Real Estate 1963 Tokyo Apartment 130 Million Won Domestic Room Tour 🔨 Interior 35 Million Won End
정세월드
300,073 views   4 days ago
9:11
Love alcohol problem
짧은대본 ShortPaper
532,404 views   3 days ago
3:20
[Home 1st row full cam 4K] aespa 'Whiplash' (aespa FullCam)│@SBS Inkigayo 241027
SBSKPOP X INKIGAYO
404,604 views   2 days ago
40:30
[Ep.11] Jung Hyung-don's intuition on the unreleased footage from the filming set Even the production staff is curious enough to go crazy... [Jo Dong-A-Ri Episode 11]
조동아리
508,871 views   4 days ago
14:30
Just looking at it makes my mouth water💚 Taeyomi came to visit my house👶 [Oh Eun-young's Bucket List]
오은영의 버킷리스트
1,042,059 views   1 day ago
21:13
Master Jang Young-ran, Actress Lee Seung-yeon, Yeonhui-dong Housewarming (Entertainment Behind the Scenes)
A급 장영란
702,923 views   6 days ago
4:04
aespa (에스파) – Whiplash @인기가요 inkigayo 20241027
SBSKPOP X INKIGAYO
1,054,578 views   2 days ago
9:26
[Park Soo-hong is happy] Park Soo-hong is reborn The moment Jeonbok is born Part 2 of the maternity vlog Giving birth to a daughter Fool for daughter The complete family
박수홍 행복해다홍
551,098 views   2 days ago
41:59
Sicilian Taste Tour: One City, One Food, A New Concept Stamp-Cracking Food Trip (Google Rating 4.5+ Only)
육식맨 YOOXICMAN
486,126 views   5 days ago
10:21
Have you ever been to a funeral?
숏박스
4,250,812 views   11 days ago
2:26
[TAKE#B 4K] KISS OF LIFE - Igloo
GENIE MUSIC
2,476,433 views   8 days ago
58:52
The Return of Lethal Company
이도원
625,232 views   7 days ago
21:57
The level of Neapolitan Matpia food evaluated by Italian legends ㄷㄷㄷ Is this really how Italians react???
슛포러브
3,088,852 views   2 days ago
14:31
Cherry asked me to send her to a Korean kindergarten… Why is she suddenly doing that?
올리버쌤
586,528 views   4 days ago
3:54
aespa (에스파) - Whiplash Show! MusicCore MBC241026 broadcast
MBCkpop
1,679,564 views   3 days ago
3:35
ILLIT (아이일릿) 'Cherish (My Love)' Official MV
HYBE LABELS
19,564,668 views   8 days ago
21:39
FC Spear VS ShieldUTD Highlights [2024 Nexon Icon Match]
MBC스포츠탐험대
1,529,561 views   9 days ago
15:42
🇯🇵 Japanese Real Estate 1963 Tokyo Apartment 130 Million Won Domestic Room Tour 🔨 Interior 35 Million Won End
정세월드
300,073 views   4 days ago
11:25
Don't pickle whole. Shiny and crispy bachelor radish kimchi, 40 years of secret recipe revealed
딸을 위한 레시피 Recipes for daughters
389,097 views   3 days ago
9:37
Taste Defense Command Mobile Strike Force
너덜트
1,112,517 views   11 days ago
9:08
Brawl Talk: Demons are attacking Brawl Stars?! 👿 [Brawl Stars]
브롤스타즈
193,572 views   3 days ago
Google AdSense
336 x 280
Up Next
37:06
TESLA TOTAL VERSAGEN was -17°
Elektrisiert
181,975 views
2 years ago
34:03
25,000€ electric cars: Here they are - no more hiding!
Car Maniac
131,350 views
7 days ago
18:21
The VW disaster: the principles of failure Prof. Dr. Christian Rieck
Prof. Dr. Christian Rieck
578,500 views
1 month ago
35:56
Are TESLAS really THAT BAD? (TÜV Report 2024) with Ove Kröger
dieserDAD
77,359 views
2 months ago
8:12
My Tesla towed by the police!? Hey man, where's my car...?
Alltag im E-Auto
1,492 views
4 days ago
44:33
Shocking Tesla review: My Model Y is SO BROKEN 😭
Elektrisiert
179,400 views
1 year ago
52:23
TESLA'S DEFECTS🚨I reveal life-threatening conditions among TESLA DRIVERS ‼️🤯
Omid Mouazzen - Hypercars & Lifestyle
440,360 views
3 weeks ago
22:53
Electric cars: What makes China different from the rest of the world? DW REV
DW Deutsch
379,347 views
3 months ago
23:09
Burning smell in Tesla!🔥 The cause is unbelievable!😱
AT-Zimmermann
115,864 views
7 months ago
36:13
SIMPLY UNFAIR: This is how incredibly good the Tesla Autopilot is in the USA!
Elektrisiert
352,781 views
4 months ago
29:28
Model Y - I was wrong!
Familie elektrisiert
76,395 views
9 months ago
26:50
How climate-friendly are electric cars really? Harald Lesch
Terra X Lesch & Co
1,491,452 views
2 years ago
21:15
BILD says: Electric cars are more expensive than combustion engines! Reality check with Tesla.
Nico Pliquett DE
72,196 views
5 months ago
18:13
Will the women's racing team win with my 1020 hp Tesla? 🙋🏻‍♀️🏁
Elektrisiert
4,002 views
19 hours ago
11:36
Tesla customer rip-off is getting more and more brazen!
AT-Zimmermann
755,008 views
1 year ago
17:46
Why the Tesla Model 3 is the BEST used car
Morsch
29,989 views
4 months ago
52:25
Prof. Maximilian Fichtner: E-car batteries, accumulators, H2 & eFuels Lecture Geladen Podcast
Geladen Batteriepodcast
60,550 views
13 days ago
41:28
EXPENSIVE TRUTH: My ELECTRIC CAR CHARGING COSTS under the microscope - DC charging on the go
163 Grad - Oliver Krüger
161,955 views
2 months ago
28:32
Promotional methods of Iranian Razon wool 😂🤦 ♂️ (Parham Asan 😂🤣)
Nima Tekido
279,477 views
1 year ago
26:34
Poisonous and strange Instagram videos 😂🤦‍♂️ Is it possible?!?
Nima Tekido
194,240 views
7 months ago
21:23
Special Halloween match with punishment!!!
Kouman
75,971 views
1 hour ago
22:59
Helping charity in the style of Nima Takido 😎😂 Pachidim
Kamtalam
161,931 views
7 months ago
20:39
Completely different and real hidden camera 😂🤦‍♂️ What are you doing?!😂
Nima Tekido
194,419 views
1 year ago
17:44
People's dirty secrets that no one knows
Ehsan Mirzad
272,041 views
7 months ago
31:11
Unfortunately, we made each other's makeup, we lost our dignity 😂🤦 ♂️
Kamtalam
314,832 views
7 months ago
23:22
The solution to your poison problems with Dr. Nima 😂 Very Samin 😂🤦
Nima Tekido
451,348 views
1 year ago
23:36
Really, why did I see such things!?🤦😂
Nima Tekido
308,681 views
1 year ago
37:04
The challenge of becoming a baby one day 😂🤦 ♂️ We diapered ourselves 🤣
Kamtalam
339,235 views
2 months ago
20:03
Are you craving strawberries?!! 😐🤣 Part 2
Nima Tekido
207,334 views
1 year ago
16:23
We made a tree house full of facilities 😂😎
Kamtalam
342,573 views
6 months ago
32:27
Your confessions are really funny
Nima Tekido
466,980 views
7 months ago
17:02
Uncle Farid's advice 😂 What are they doing? I'm torn 😂🤦 ♂️
Nima Tekido
232,648 views
1 year ago
18:24
Traveling without family and crazy game 😂🤦 ♂️
Kamtalam
248,640 views
7 months ago
18:07
We went somewhere and played like kids 😂 we broke ourselves 😂🤦 ♂️
Kamtalam
332,196 views
8 months ago
32:25
We went to the wonderland and... 😂🤦‍♂️ (it was very cool)
Kamtalam
375,969 views
7 months ago
18:45
TRY NOT TO LAUGH 😂🔥 Try not to laugh (impossible version)
SoGang
353,267 views
9 days ago
20:10
The challenge from night to morning outside the house 😐😂 Our father came in 😂
Kamtalam
387,829 views
4 months ago
26:15
What are these girls use 😐😂 with punishment 😫
Nima Tekido
749,248 views
1 year ago
Google AdSense
336 x 280

fetery.com. Copyright 2024