Dieser CSS Card Effekt macht süchtig! Spotlight Border Animation [DE/Tutorial]
Du brauchst einen Hoster?
🧡 https://bit.ly/mein-hoster
Heute bauen wir mithilfe von CSS und etwas JavaScript einfach eine Animation die jeder Website mit Cards verwenden werden könnte. Dabei müsst ihr kein CSS und JavaScript können. Ich erkläre euch in diesem Tutorial alles was ihr zu JavaScript und CSS wissen müsst um diese Animation zu bauen! Dazu ohne ChatGPT.
Fragen oder Probleme? Werde Teil der Community! (Kostenlos)
📣 Discord Server: / discord
Unterstütze den Channel:
🧡 Notizen & ToDo: https://affiliate.notion.so/qa91a3px0ahk (Affiliate Link)
🧡 Adobe Creative Cloud: https://prf.hn/l/QxRnVXD (Affiliate Link)
🧡 Meine UI Design Tool: https://prf.hn/l/pmZdNJ9 (Affiliate Link)
🧡 Musik die ich Nutze: http://bit.ly/MeineHintergrundMusik (Affiliate Link)
🧡 Mein Geschäftskonto: http://bit.ly/MeinFreelanceKonto (Affiliate Link)
🧡 Meine Buchhaltungssoftware: http://bit.ly/sevDeskUnleashed (Affiliate Link)
🧡 Meine Hardware/Kamerausrüstung: http://amzn.to/2ccEY0l (Affiliate Link)
🧡 YouTube Mitgliedschaft: http://bit.ly/YouTubeSupporter (Affiliate Link)
Kapitel:
00:00 Demo
00:21 Einleitung
00:49 Theorie
02:12 Setup
02:39 Cards
04:33 CSS Variablen
07:02 JavaScript
11:14 CSS Border Animation
13:42 Gradient Animation
16:23 Ende
Links aus dem Video:
► Live Demo: https://codepen.io/Unleashed-Design/p...
► Beispiel: https://linear.app/features
► VSC Theme: http://bit.ly/VisualStudioCodeTheme
► IDE Tutorial: • Neue Basic Web Dev IDE mit Vite! 👍 [T...
#css3 #webdesign #javascript
Meine Social Media Seiten:
► 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