This library changes how JS and CSS work together @KevinPowell
This library changes how JS and CSS work together  @KevinPowell
Uploaded August 2026 | Updated September 2026, 2 weeks ago
πŸ‘‰ Start writing CSS with confidence: https://thecascade.dev/courses/css-demystified/?utm_source=youtube&utm_medium=social&utm_campaign=regular-video

πŸ”— Links
βœ… https://prop-for-that.netlify.app/
βœ… Gradient borders (and more): youtu.be/8NfafU1BgaY

βœ‰ Keep up to date with everything I'm up to kevinpowell.co/newsletter
πŸ’¬ Come hang out with other devs in my Discord Community discord.gg/nTYCvrK
⭐ Are you a beginner? HTML & CSS for absolute beginners is for you: learn.kevinpowell.co
πŸŽ“ Start writing CSS with confidence with CSS Demystified: cssdemystified.com
πŸš€ Already mastered CSS? Check out my advanced course, Beyond CSS: https://www.beyondcss.dev/

---

Help support my channel
πŸ‘¨β€πŸŽ“ Get a course: kevinpowell.co/courses
πŸ‘• Buy a shirt: cottonbureau.com/people/kevin-powell
πŸ’– Support me on Patreon: patreon.com/kevinpowell or through YT memberships: youtube.com/@KevinPowell/join

---

πŸ§‘β€πŸ’» My editors:
In most videos, I’m using CodePen these days: codepen.io - with High Contrast Dark theme and the font Commit Mono
And if not CodePen, then I’m probably using Zed: https://zed.dev/ with the theme Ayu Dark, and the font ZedMono
In older videos, I was using VS Code - code.visualstudio.com with the theme One Dark Pro Var, and the font Cascadia

---

⌚ Timestamps:
00:00 - Intro
01:21 - Adding data attributes for what we need
01:45 - Tracking mouse position
04:41 - Scroll-triggered animations

---

I'm on some other places on the internet too!

If you'd like a behind the scenes and previews of what's coming up on my YouTube channel:

Bluesky: https://bsky.app/profile/kevinpowell.co
Codepen: codepen.io/kevinpowell
Github: github.com/kevin-powell

---

And whatever you do, don't forget to keep on making your corner of the internet just a little bit more awesome!

#css
This library changes how JS and CSS work togetherQuick & Easy Theme TransitionsLearning how CSS-only carousels are going to workGetting started with CSS NestingResponsive Bento Grid | CSS Tutorial | Frontend Mentor ChallengeHow to set custom error messages for your HTML formsPositioning in CSS is too easy nowConnect four with CSS-only3 powerful CSS nesting tricksChallenging you to a CSS BattleCentering in CSS keeps getting easierOpen AI didnt allow AI in the interview
Kevin Powell |

This library changes how JS and CSS work together

SHARE TO X SHARE TO REDDIT SHARE TO FACEBOOK WALLPAPER