Award Winning Animation With Only 20 Lines Of CSS? 

Thank you for featuring my website and the kind words! I’m glad you guys enjoy it!

Honestly one of the slickest web dev channels out there. Amazing content!

Love how you could actually just do them in a single line if you want

Okay I’m gon go remove JavaScript from my resume for now…

I'm learning JS and honestly, you describing the logic behind it, makes such a difference in how quickly I pick it up. Thank you!

This portfolio website is of Camilia But is developed by Aristide Benoist Truly beautiful ❤️❤️❤️

This is THE best web dev channel I have ever found. Your tutorials and demos are amazing. Going through the through process makes these types of tasks much easier to understand. Thank you so much!

Bro this channel is a gem. It's made me finally decide to go back to just vanilla everything and have fun instead of using a bunch of libs to get stuff done. Love your content as always man. Wish you all the best in your endeavors. 🎉💯

Awesome! draggable="false" property was something I needed in an ongoing project, but didn't know about. I implemented it on all my images in the project😁 Thank you!

What's really award-winning is this video, explaining incredibly how that animation is done. Amazing content.

I will never stop being amazed at how clearly, concisely, and directly you translate initially (apparently) insurmountable problems into step by step solutions. Your channel feels like mental health support to me. Kudos man.

Been working as a backend dev for almost 2 years now. After binging to almost all of your videos, I think it is time for me to go back to my ol’ FE playground and trying out these animations/designs. Thanks for the wonderful content, as always. +1 sub ❤

You make me realize how everything could be just done with Vanilla and none of those fancy libraries is requierd. Your content deliverly is amazing man!

No question, the best front end web dev tutorials on the net! Your explanations, and communication of your thought processes set you apart from the rest. I watch all your videos for renewed inspiration and confidence in my own abilities! Appreciate you!

bruh the amount of work and esthetic you put to your videos is insane. I haven't seen a code channel with this quality. Ty so much i enjoy every part of it

You know you did something insane when Hyperplexed takes 5+ minuts for one effect and also linelimits as a challenge. Awesome video love it

You‘re a Legend! Best content on RU-vid. Always hyped when there is a new vid.

I'm so genuinely happy I came across your channel, you made my day. Your content is so good, they're not too short nor too lengthy. They're just perfect, so enjoyable. I hope you keep creating this content and wish you all the best ahead. 🙌🏻

Very slick front end, your breakdowns are quite captivating. Love this channel ❤

I really love how you break down everything into the simple steps needed to get the desired effect!

THE best web dev channel I have ever found. Your tutorials and demos are amazing. Going through the process makes these types of tasks much easier to understand.Amazing content! Thank you so much!

Amazing content! One of the best web dev channels out there. Loved it

I'm only actively subscribed to about 6 channels that I watch almost everyday, and you joined them a month ago. Beautiful videos, editing is sick, and you voice is just ideal for a video like this.

after watching this video -8yrs from my life

This is insane. Honestly my new favorite channel. Well done, man. 👏

Dude this is absolutely incredible. Please make more like this !!!

To be able to abstract, deconstruct e recreate someone's work is an insane job! Got tier video! I'm getting into Front-end, trying to get into the industry, and you're a blessing! Appreciate, mate!

One of the best explained web dev videos I’ve ever seen. Subscribed!

Excellent training for newbies, it details how to think through a problem based on what you know and the steps necessary to get there. Love it!

I'm currently in a coding Bootcamp, and this channel is absolutely amazing. Really inspires me to do some of my own projects on the side.

The quality of explanation is exceptional! Really love this format!

Just discovered your channel on this one, you're pretty awsome dude, love the way you explain each steps and goes trough your logical process, huge gg and keep up your great work ! I won't miss any of your upcoming vids ! 🏆

Love the content. I've dreaded CSS for years, but these breakdowns make it less intimidating. Keep up the great work

This is not only visually appealing, informative, but also just fun to watch!

Holy hell that was amazing, smooth, and satisfying. Great editing !

I learned more about animations in this video than in many courses out there. Awesome content man thank you very much.

First time watcher, I’m quite perplexed at how amazingly informative, engaging, and simple this video was

I love how you explain everything so simply.

Awesome content man. You are offering something truly unique. I love your style.

Great channel to chill w the phone and watch. Pls keep this format. Love it! Cheers!

For some reason, watching your content give confidence in myself. You make it look so... achievable, even easy. Thanks.

You definitely put more effort into presenting us the process than on the process itself. And that's brilliant.

This is the web dev content I've been wanting. Thanks!

Excellent breakdown of the problem solving for a complex feature, moreover explained in clear, efficient and demonstrative way. That's gold ! Subed

Honestly this is a brilliant visual explanation of how the code logic works ! Super work !!!

I'm still actually mind blown on how smooth camille's website was and even how you were able to duplicate it

Wanna give a massive props for this kind of explanation, keep it up

Im so glad I found this channel! Great work 🙌

Loved it, even when the calculations made my head hurt, the logic flow balanced it out. Best website programming video I've watched.

You are always delivering man, amazing content!

I must say WOooow, your style of teaching and doing this is incredible. Please continue....I'll watch every single one. Thanks

The effect with the images moving at a different rate than the track looks amazing

I usually do backend data stuff, but coming across your channel inspired me to code along and try it out. Your way of showing us the naive 'mistakes' and going into the process of correcting that made me really want to give this a try. Amazing quality tutorial!

This is the most beautiful video I’ve ever watched. Skilled. Well explained. Efficient. Intuitive. Made me feel smarter.

this is channel is a legit gold mine, subbed!

Props to you and the website of Camille and also Aristide Benoist. One of the most smoothest and fluid website I've seen!

damn that was good! nice explanation over there with the smoothing, loved it! keep it up

Holycrap this is so well explained. As a recent student in frontend development (one week in mind you) this made me smile :)

I am absolutely amazed how easily you made me understand. You gained a new sub!

This explanation was so good. Only if all css tutorials were as detailed as this

This was crazy amazing. Thank you!

Love this vid, one of the best web dev channels. As someone who doesn’t know any programming, this was explained to us casual viewers very well, without any knowledge in web development.

Your channel's content is very precise and also nicely edited ;) I really enjoyed this video.

This is awesome Watching you explaining is like watching a movie

Bro you're too good at this. I'm glad i found this channel.

Breaking down a problem into smaller parts is so satisfying. Thank you for this content. Love from Philippines 💖

This is such a great tutorial. I’m trying to avoid tutorial hell but these kind of quick tutorials really help to nail down these basic concepts

Hey man, I'm sure you hear this a lot but, thank yo for making this content. I love frontend and similarly find different components I like through the web and recreate them in my spare time. This channel has given me another (prime) resource. Cheers!

I love your style of teaching ...when I was a beginner, my head would also hurt to keep track of why some choices were made in tutorials. I love that method to teach slowly while still moving fast. great job 👍

You just earned a solid subscriber from me. What an experience that was! Keep up the good work sir.

One of the sickest videos ever!! Thanks

That's cool! I want to try out doing a mobile friendly portfolio website like this and have the images pop out into breakdowns when clicked. Thank you both for this.

One of the best videos I have seen . Subscribed🔥🔥

I have never watch any of your video, but this single video alone just got you a new subscriber. Thanks, learn somthing new today. Really would love to see more video like this in the future.

I can't stress enough how much I see my own thought process when watching your videos. The goddamns "I'm guessing"s are so much relatable.

I'm crying. I just didnt' know how to proceed with fixing errors and not be overwhelmed and edit everything and then the code is so messy. Yhis was just so enlightening. And something just clicked. Thank you so much!

I love how you keep it simple. I would of dragged this out to at least 100 lines each lol

This is awesome! nicely done!

just love your content, this is channel is just pure class

Insanely good. Love the content 🔥🔥

This is so relaxing to watch... Thank you.

this is so cool really the part where you explain that's why it's the greatest tutorial cause you really take time to break down the effect

i'm glad i came across this awesome channel!

This video perfectly captures what hours of front end work looks like in < 7 mins Bravo! 🎉

I’m about to sleep but but dude you’re awesome. It keeps me awake and entertained! New sub!!

tbh best frontend content i have ever witnessed, you're extremely skillful mate , thank you

This is the most beautiful thing I've seen today

that's super cool stuff. awesome video quality 🔥

yo that was AMAZING! ❤🙌🙌

A few additions that might prove useful for those trying to recreate this in actual projects: When using a gallery with more images (I'm doing it with 25 images), you'll run into problems with the translateX. The reason is, your flex parent will only be as wide as the page, whereas your image are actually wider. If you truly want the image track to move at the speed described in the video (one time its total width when the mouse moves half the screen), you'll need to give it the correct width. You can do that with `#image-track {width: max-content;}` (mind you, it could get too fast to be pleasant, in which case you'll have to dampen or limit the speed). Also, despite setting the images’ draggable property as false, most modern browser will still allow you to select them as you would text, and then drag them. To fix that, you want to make sure you declare the following CSS rules: `#image-track > .image {user-select: none; pointer-events: none;}`

The approach to the invisible mouse slider is so clean

Man can never think of forgetting to like your videos what a thing you make and observe !!! Love your content magical and inspirational 🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥

Thanks for your content. It's beyond thrilling.

just...amazing!

Absolutely stunning

You make difficult and impressive things seem possible... which is not easy to do, great work

Truly one of the web dev videos of all time

The way you narrate and present your videos really reminds me of the scene in the Netflix series YOU. Very entertaining.

I had to share this channel on my college web dev class discord cause its that much better than the course material

That is really cool. I didnt know that I need this in my life but Im glad this got recommended by algorithm. Wil defiantly try this one day.