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 🇮🇳
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!👍
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.
@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".
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.
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?
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..
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
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!
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.
Im a begginner, can you please help me out with the resolution of the images u took because for me img which i took are getting messed up I know it might be a silly question.
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.
Hi, im just starting with css. i realize that you start to code in the line 40 of your css file i followed the entire video step by step but can accomplish the same result i think for those 40 lines. I was wondering if you could show them c:
Awesome content here. Can you create content about glass backgrounds? I know there is already some content on this, but I'm looking for an eye-catching idea that would fit a fancy-looking website.
Wow, how can you improve your dev skills to this level? Do you have a class? Where did you learn these amazing stuffs? How wonderful for css only. Thanks for all your videos helping me a lot. Xin cám ơn bạn rất nhiều.
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
![[DRIP] ‘Love, Maybe’ PREVIEW](http://i.ytimg.com/vi/U7hwHp95m1k/mqdefault.jpg)
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 TH-camr
Every time i watch your videos i am amazed by what you do. I have learned so much from you. Thank you so much!!!!!!!
I really like that such a short video teaches such a powerful technique that can be applied to a ton of different scenarios.
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 😍
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 just got here and i am already planning a binge watch your videos, nice narration and CONTENT!!
Thank you so much bro ^^
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
Amazing way of selecting previous items! Thanks for the video.
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 😍
Dude you're awesome, this was unimaginable to me and seeing it in an understable way is even more amazing
BIG THANKS TO YOU ❤
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.
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.
This is awesome. Cant wait to use so many of these techniques in my own website rebuild.
your content is dope. The AI voice, however, makes it painfull to sit through the whole video. I'd much rather have plain text captions.
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 😍😍😍
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
This is gold Man....thx for share this amaizing css magic!
Finally Online Tutorials and Kevin Powell got a Rival 🔥
💯🛠💎
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🎉
You are teacher/mentor of masters
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
Your creativity is at the peak of humanity
thank you Lun Dev for teaching us valueable skills.
😍😍
Best css channel with no doubt!!
Thank you so much bro ^^
You're defenetly a master bro, good job keep going !!
DUDE!!!! Your content is way too awesome!!!! This example fits perfectly with a gaming website I'm starting to develop next Monday, thank you so much!
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.
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
pretty amazing thanks dude for simple explanation
Clever use of "has"!
that's crazy cool man... nice work :)
Thank you so much bro ^^
damn. First video i have seen of your. Instantly subbed.
Thank you so much bro
Concise, informative and useful content. Great job!
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
DUDE YOUR A MASTER AT CSS i never knew * could be this useful
@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".
This is absolute madness css ::) Like it a lot! Lancelot!
I wonder if Kevin Powell has seen this! Pretty sure he'd be impressed :)
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
Definitly learned some awesome things man, My love for css has increased❤
Thank you for watch my content brother 😍
Pretty impressive, easy to understand and implement, and useful. You have talent to teach!
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)
Could you tell me, which vscode extension are you suing for the rainbow bar on the top of filename
Mind blowing! Wow, thank you!
can you please share the css code of how you arranged the images and also your css knowledge is impressive as hell.
Idea is great. Execution is minimal at best
Excellent css skills!!
this is my favorite css video ever ❤
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?
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
the mr beast AI voice is crazy
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..
Love the videos. Would you be able to do some with tailwind?
This is AWESOME! Really like it.
That is a game changer. Thank you man
Very interesting! Thanks for sharing. You earned a subscriber. ;-)
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
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 😍
👏👏👏 I've never used that has() selector, fantastic!
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.
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?
Fantastisk! Thank you so much!
Wonderful
I can't believe that can be happen with just only cas
bro is literally programming with css 🤯
Hopefully I can get your support in the latest videos
What is the extention you are using to show log next to the tags when you are typing? Like ( Do not use empty ruleset )
It's called Error Lend extention
That's really cool. CSS is so powerful.
Thank you so much ❤️
What happen to the items that “overflow”? Like when you hover the last element what happens to the components to his right?
I now know what it would sound like if Jason Schwartzman taught me CSS. Thanks A.I.
very interesting and imaginative aproach to that issue! Congrats
Thank you brother
Please make more! This is great!
Wow 😮 that's insane !!!!! Thanks.
After editing, this video is back. Anyone else watch it?
Me (:
Also me (:
Very nice. Thanks for sharing
😍 Thank Bro
thank you, i love your css arts
Im a begginner, can you please help me out with the resolution of the images u took because for me img which i took are getting messed up I know it might be a silly question.
One of the best way to use CSS, good job 👍🏻 bro keep impressing us...
That was awesomeee!! Thanks for sharing your knowledge❤️🙏
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.
Hi, im just starting with css. i realize that you start to code in the line 40 of your css file i followed the entire video step by step but can accomplish the same result i think for those 40 lines. I was wondering if you could show them c:
Nice use case for the "has" property! - how do you record your screen btw?
Awesome content here. Can you create content about glass backgrounds? I know there is already some content on this, but I'm looking for an eye-catching idea that would fit a fancy-looking website.
I can't decide if cursed or not but it's pretty epic, I'd have reached for JS in a heartbeat!
Wow, how can you improve your dev skills to this level? Do you have a class? Where did you learn these amazing stuffs?
How wonderful for css only.
Thanks for all your videos helping me a lot.
Xin cám ơn bạn rất nhiều.
It's simply experience accumulated over many years of work. In a few years you will be like me now.
Hăm có gì 🫣
@@lundeveloper thanks a lot, good luck bro.
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.
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
Good damn man, that’s a sick thing you made 🎉
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