Iam subscriber, iam watched lots videos i think you as my teacher you tech lots new and cool trick and tip that help me, iam currently learning front- end developed 🇮🇳
I started learning web development 2 days ago and my css knowledge is extremely limited but still your video is so good I understood everything perfectly what an amazing video❤
Wow, this has been been very useful to me, I never expected css to achieve such an effect with those few lines of code, I like this, you have got a new sub because of this informative video🎉
Ur content is actually very impressive and concise, there are not many sources that deliver like this, especially revolving around keeping things purely in css. The ai voice feels a bit strange, it has that synthetic high pitch screeching sound to it - if that makes sense - but its not unbearable.
Yes! A pretty great video. Appreciations for this. It's a suggestion that if you can make a video regarding those special animations and operations that most of the people don't think/know is able to done with CSS but it is. (Cause even I don't know what else we can do with only CSS)
It is concise in some aspect but I don't know if it's "clear". Neat effect though! I wonder if the is() selector with a * could make this a bit cleaner?
Really guys this guy's css is on another level I have never seen a person with that much knowledge about css and easy way of teaching. Thanks for making useful content!👍
Keep the great content coming. I like videos which has cool yet usful tricks which I can apply. Also it something that even a common developer probably do not now. Your explanation of how to target the next and previous elements are clear and easy to remember!
It is actually very nice to learn this, now I am loving CSS, make some more tricks like this also create something to robustly define layout for application.
Personally, I wouldn't use the universal selector (*) just for brevity, especially not when there are class names available which would give higher specificity and make the intent clearer. Obviously this is just a demo though and not a production site, so no biggie.
hats off sir, I am also a web dev, and currently I am upgrading my portfolio. Can you share some cool project showcase cards with us and how to create a grid background with a random square field.
Can you please share the whole css code because while hovering any item the distance between hovered and right item is greater than the distance between hovered and left item and also the right item rotates more than left and it depends on position of the item sometimes left and sometimes right, it doesn't look symmetric so please share the full code
@lundeveloper I have a question: shouldn't it be ".list .item:has(+ * + * + .item:hover)" (for example)? I imagine if you leave the rightmost element of CSS selector ambiguous, it will try to match it to any element you hover over decreasing overall performance. I've been told that CSS selectors match from right to left, but when it comes to :has() I'm not really sure what should be considered "the right".
Wouldn't it be cool to do this on multiple rows and have the items above and below rotate on the x axis.... I'm not sure if its possible with css only though... awesome videos by the way, thank you 👍🏴
Nicely done, but what if we want to change the styling of the 5th item along the road? Or the 9th? Codewise it won't become very readable, correct? Possibly we can call upon package to prettify the output, but still. Just a curious frontend dev here..
Dude this is just plain witchcraft 👌 Could you make a carousel that has sort of grids of images in some of its elements like on the main page of the Taste Atlas site or Facebook for example
An interesting way to write CSS, right? Don't forget to subscribe to the channel to watch more interesting videos
Iam subscriber, iam watched lots videos i think you as my teacher you tech lots new and cool trick and tip that help me, iam currently learning front- end developed 🇮🇳
Thanks you sir
Can you show us how created the thumbnail image using css.
@@bobin5480Thank you so much 😍😍😍 🇻🇳
@@lundeveloper Hi, can you help me with the phone mask? If you don't mind, I want to send you a screenshot to your mail
alright mr beast is teaching css now.
Is he really mr beast without a job and nothing else to do?
@@alvydasjokubauskas2587 AI VOICE 😘😘
😂😂
So Mr.Beast is now teaching us how to code 🙃
I was ready to say that 😂
good thing it was not kris
Good to see i'm not the only one noticing 😂
Did NOT age well
@@PizzzaMozarella that did very much NOT age well indeed
Fair play... that's the first time someone impressed me with css in a long time. Cheers buddy...
His previous video is even more impressive
@@goncalomoura7628 the rotating image slider? Love it! 👍🍉
This is one of the most stunning CSS I've ever seen.
as a backend, this is masterpiece, all my memory about css is pain, but this change my mind
Interesting video but the HORRIBLE ai voice over is very hard to push through.
Someone had fun with Eleven labs😂
I didn't even notice it was an AI voice over, I guess now looking at the comments the voice is very close to Mr Beast.
Not everyone has a good microphone
@@kuwandak if a person had great cooking recipes but no knives to prepare ingredients, would you suggest they cook a meal?
@@_vidnas not applicable, the AI voice over is more than fine and fits the purpose.
The IA voice and your crazy skill make me 100% sure you are from India 🇮🇳
😂😂😂
I was today years old when I've learned that, in fact, you CAN select previous elements in CSS. Holy shit. Thank you.
CSS :has is a relatively new thing so for the longest time you couldn’t do it
We need this type of cool stuff for next vids
Yes!!
You really nailed it. This shows how much deeper you can go with css. ❤️ your knowledge is awesome. Thanks for sharing.
I'm glad it's useful to everyone
I think I found my new favorite css UA-camr
Clean, helpful and awesome. wow. This channel is a true gem. Subbed for future vids and cant wait to watch everything i missed to far.
Dude you're awesome, this was unimaginable to me and seeing it in an understable way is even more amazing
BIG THANKS TO YOU ❤
Every time i watch your videos i am amazed by what you do. I have learned so much from you. Thank you so much!!!!!!!
That’s a very cool effect. It always amazes me learning the cool things that we can do with plain css. Thank you for sharing
I started learning web development 2 days ago and my css knowledge is extremely limited but still your video is so good I understood everything perfectly what an amazing video❤
Great to see this comment
I really like how much over the past 20 years CSS has evolved. It is amazing what you can do with it now. Good video, keep it up!
Sensational. Beautiful clean markup and relatively minimal CSS code to create something that would otherwise have been a solid chunk of JS.
You are teacher/mentor of masters
Thank you so much for your tutorials!! You really helped me a lot.
I used your last video CSS reference in my company project today. It's so helpful ❤ Thank you. Keep rocking 🔥
Great 😍😍😍
To be honest you are highly underrated, I'm a newbie and I have explored too many things but didn't find someone like you
In simple words you are amazing please put more and more content 🙏
Thank you very much, I will try harder. I hope what I share will be known to many people 😍
Your creativity is at the peak of humanity
This is awesome. Cant wait to use so many of these techniques in my own website rebuild.
Wow, this has been been very useful to me, I never expected css to achieve such an effect with those few lines of code, I like this, you have got a new sub because of this informative video🎉
Amazing way of selecting previous items! Thanks for the video.
I just got here and i am already planning a binge watch your videos, nice narration and CONTENT!!
Thank you so much bro ^^
this isn’t helpful it’s magnificent thank you man this is really great and you makes it so clear i am grateful to find this channel
Thank you
pretty amazing thanks dude for simple explanation
Finally Online Tutorials and Kevin Powell got a Rival 🔥
💯🛠💎
Ur content is actually very impressive and concise, there are not many sources that deliver like this, especially revolving around keeping things purely in css. The ai voice feels a bit strange, it has that synthetic high pitch screeching sound to it - if that makes sense - but its not unbearable.
Excellent css skills!!
After editing, this video is back. Anyone else watch it?
Me (:
Also me (:
This is gold Man....thx for share this amaizing css magic!
Very interesting
Really love your CSS tips
Straight to the point
Short and concise
Great content ⭐
Thank you so much bro
Please teach me more about JavaScript
thank you Lun Dev for teaching us valueable skills.
😍😍
Yes! A pretty great video. Appreciations for this. It's a suggestion that if you can make a video regarding those special animations and operations that most of the people don't think/know is able to done with CSS but it is. (Cause even I don't know what else we can do with only CSS)
Concise, informative and useful content. Great job!
Idea is great. Execution is minimal at best
Pretty impressive, easy to understand and implement, and useful. You have talent to teach!
This is by far one of the beat things i’ve ever seen CSS do. Subscribed!
Would hope to see something this cool for the next video.🫡
Of course
It is concise in some aspect but I don't know if it's "clear". Neat effect though!
I wonder if the is() selector with a * could make this a bit cleaner?
Really guys this guy's css is on another level I have never seen a person with that much knowledge about css and easy way of teaching. Thanks for making useful content!👍
Thank you 😍
Keep the great content coming. I like videos which has cool yet usful tricks which I can apply. Also it something that even a common developer probably do not now. Your explanation of how to target the next and previous elements are clear and easy to remember!
Thank you so much brother 😍
damn. First video i have seen of your. Instantly subbed.
Thank you so much bro
bro is literally programming with css 🤯
Hopefully I can get your support in the latest videos
that's crazy cool man... nice work :)
Thank you so much bro ^^
Very interesting! Thanks for sharing. You earned a subscriber. ;-)
I really like that such a short video teaches such a powerful technique that can be applied to a ton of different scenarios.
Best css channel with no doubt!!
Thank you so much bro ^^
Definitly learned some awesome things man, My love for css has increased❤
Thank you for watch my content brother 😍
this is my favorite css video ever ❤
terima kasih, ini sangat membantu
Fantastisk! Thank you so much!
You're defenetly a master bro, good job keep going !!
That is a game changer. Thank you man
Clever use of "has"!
I wonder if Kevin Powell has seen this! Pretty sure he'd be impressed :)
the mr beast AI voice is crazy
Wonderful
I can't believe that can be happen with just only cas
This is absolute madness css ::) Like it a lot! Lancelot!
Mind blowing! Wow, thank you!
I can't decide if cursed or not but it's pretty epic, I'd have reached for JS in a heartbeat!
can you please share the css code of how you arranged the images and also your css knowledge is impressive as hell.
It is actually very nice to learn this, now I am loving CSS, make some more tricks like this also create something to robustly define layout for application.
Thank you, I will continue to do it, I hope my channel can reach many people who need it
Nice work...Can you please tell me the vs code extension name for the gradient font color? loved that!
You can find it in description this video
DUDE YOUR A MASTER AT CSS i never knew * could be this useful
One of the best way to use CSS, good job 👍🏻 bro keep impressing us...
thank you, i love your css arts
Nice work
This is AWESOME! Really like it.
very interesting and imaginative aproach to that issue! Congrats
Thank you brother
👏👏👏 I've never used that has() selector, fantastic!
Great content! The only thing I'd like to change is a little bit slower tempo, and a bit lower pitch on the AI voice.
Personally, I wouldn't use the universal selector (*) just for brevity, especially not when there are class names available which would give higher specificity and make the intent clearer.
Obviously this is just a demo though and not a production site, so no biggie.
hats off sir, I am also a web dev, and currently I am upgrading my portfolio. Can you share some cool project showcase cards with us and how to create a grid background with a random square field.
Honestly, you have me wondering if I want to change careers!
Please make more! This is great!
You won a subscriber from Afghanistan.
Great work dude.
I love your work.
Also please pray for our country to get rid of terrorist talibans.
Thank you so much, love Afghanistan
Very nice. Thanks for sharing
😍 Thank Bro
I now know what it would sound like if Jason Schwartzman taught me CSS. Thanks A.I.
Love the videos. Would you be able to do some with tailwind?
Wow 😮 that's insane !!!!! Thanks.
That's really cool. CSS is so powerful.
Thank you so much ❤️
Can you please share the whole css code because while hovering any item the distance between hovered and right item is greater than the distance between hovered and left item and also the right item rotates more than left and it depends on position of the item sometimes left and sometimes right, it doesn't look symmetric so please share the full code
Cool technic!
@lundeveloper I have a question: shouldn't it be ".list .item:has(+ * + * + .item:hover)" (for example)? I imagine if you leave the rightmost element of CSS selector ambiguous, it will try to match it to any element you hover over decreasing overall performance.
I've been told that CSS selectors match from right to left, but when it comes to :has() I'm not really sure what should be considered "the right".
bro , you are so underrated , very good content 😉👏👏👏
1:48 the Y axes should be up in this case for rotateY() to make sense...
Good damn man, that’s a sick thing you made 🎉
That was awesomeee!! Thanks for sharing your knowledge❤️🙏
Wouldn't it be cool to do this on multiple rows and have the items above and below rotate on the x axis.... I'm not sure if its possible with css only though... awesome videos by the way, thank you 👍🏴
Thats amazing, but what if the images are broken into multiple raws wouldn't that mean the next item on the following raw will have the effect?
Awesome bro thank u for this knowledge
Nicely done, but what if we want to change the styling of the 5th item along the road? Or the 9th? Codewise it won't become very readable, correct? Possibly we can call upon package to prettify the output, but still. Just a curious frontend dev here..
Dude this is just plain witchcraft 👌 Could you make a carousel that has sort of grids of images in some of its elements like on the main page of the Taste Atlas site or Facebook for example
loved it! thanks you I am impressed
Awesome tutorials i have ever seen thankyou so much
Thanks for watching my video, I will do better
This may be the first time i will like a tutorial video with an AI voice, don't get me wrong i hate the AI voice but the content is brilliant