Crazy CSS Using By Master CSS

แชร์
ฝัง
  • เผยแพร่เมื่อ 14 พ.ย. 2024

ความคิดเห็น • 593

  • @lundeveloper
    @lundeveloper  4 หลายเดือนก่อน +129

    An interesting way to write CSS, right? Don't forget to subscribe to the channel to watch more interesting videos

    • @bobin5480
      @bobin5480 4 หลายเดือนก่อน +2

      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 🇮🇳

    • @bobin5480
      @bobin5480 4 หลายเดือนก่อน

      Thanks you sir

    • @vishalchavan7404
      @vishalchavan7404 4 หลายเดือนก่อน +1

      Can you show us how created the thumbnail image using css.

    • @lundeveloper
      @lundeveloper  4 หลายเดือนก่อน +1

      @@bobin5480Thank you so much 😍😍😍 🇻🇳

    • @ob5804
      @ob5804 4 หลายเดือนก่อน

      @@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

  • @rootwayder77
    @rootwayder77 4 หลายเดือนก่อน +592

    alright mr beast is teaching css now.

    • @alvydasjokubauskas2587
      @alvydasjokubauskas2587 4 หลายเดือนก่อน +8

      Is he really mr beast without a job and nothing else to do?

    • @siamandkamal
      @siamandkamal 2 หลายเดือนก่อน +7

      @@alvydasjokubauskas2587 AI VOICE 😘😘

    • @AJAY-lz3rk
      @AJAY-lz3rk 2 หลายเดือนก่อน

      😂😂

  • @HemWri
    @HemWri 4 หลายเดือนก่อน +591

    So Mr.Beast is now teaching us how to code 🙃

    • @jeantalar
      @jeantalar 4 หลายเดือนก่อน +10

      I was ready to say that 😂

    • @PizzzaMozarella
      @PizzzaMozarella 3 หลายเดือนก่อน +9

      good thing it was not kris

    • @irgendjemand8221
      @irgendjemand8221 3 หลายเดือนก่อน +2

      Good to see i'm not the only one noticing 😂

    • @Bacon2000.
      @Bacon2000. 3 หลายเดือนก่อน

      Did NOT age well

    • @opa8012
      @opa8012 2 หลายเดือนก่อน

      @@PizzzaMozarella that did very much NOT age well indeed

  • @m12652
    @m12652 4 หลายเดือนก่อน +238

    Fair play... that's the first time someone impressed me with css in a long time. Cheers buddy...

    • @goncalomoura7628
      @goncalomoura7628 4 หลายเดือนก่อน +2

      His previous video is even more impressive

    • @m12652
      @m12652 4 หลายเดือนก่อน +3

      @@goncalomoura7628 the rotating image slider? Love it! 👍🍉

  • @markuszeller_official
    @markuszeller_official 4 หลายเดือนก่อน +121

    This is one of the most stunning CSS I've ever seen.

  • @NazwaBricksZajeta
    @NazwaBricksZajeta หลายเดือนก่อน +7

    I was today years old when I've learned that, in fact, you CAN select previous elements in CSS. Holy shit. Thank you.

    • @unicodefox
      @unicodefox หลายเดือนก่อน +4

      CSS :has is a relatively new thing so for the longest time you couldn’t do it

  • @latte-ki4qn
    @latte-ki4qn 4 หลายเดือนก่อน +39

    as a backend, this is masterpiece, all my memory about css is pain, but this change my mind

  • @_vidnas
    @_vidnas 4 หลายเดือนก่อน +1030

    Interesting video but the HORRIBLE ai voice over is very hard to push through.

    • @calebmusselman
      @calebmusselman 4 หลายเดือนก่อน +35

      Someone had fun with Eleven labs😂

    • @MrNagano00
      @MrNagano00 4 หลายเดือนก่อน +62

      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.

    • @kuwandak
      @kuwandak 4 หลายเดือนก่อน +12

      Not everyone has a good microphone

    • @_vidnas
      @_vidnas 4 หลายเดือนก่อน +14

      @@kuwandak if a person had great cooking recipes but no knives to prepare ingredients, would you suggest they cook a meal?

    • @MrNagano00
      @MrNagano00 4 หลายเดือนก่อน +27

      @@_vidnas not applicable, the AI voice over is more than fine and fits the purpose.

  • @gabosantiago1038
    @gabosantiago1038 หลายเดือนก่อน +10

    The IA voice and your crazy skill make me 100% sure you are from India 🇮🇳

    • @smileorcry7204
      @smileorcry7204 หลายเดือนก่อน +1

      😂😂😂

    • @danboi111
      @danboi111 14 วันที่ผ่านมา

      Just went back in their videos to see if I could spot ones from before AI voice over got popular. Pretty sure they're Vietnamese.

    • @Suman-t5v
      @Suman-t5v 14 วันที่ผ่านมา +1

      Chinese i think.

    • @KiteKun-zv3ff
      @KiteKun-zv3ff 11 วันที่ผ่านมา

      He is Vietnamese

  • @nemila4904
    @nemila4904 หลายเดือนก่อน +3

    I think I found my new favorite css TH-camr

  • @doronbaruch3670
    @doronbaruch3670 4 หลายเดือนก่อน +1

    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❤

    • @lundeveloper
      @lundeveloper  4 หลายเดือนก่อน +1

      Great to see this comment

  • @samualodo3414
    @samualodo3414 4 หลายเดือนก่อน +4

    You really nailed it. This shows how much deeper you can go with css. ❤️ your knowledge is awesome. Thanks for sharing.

    • @lundeveloper
      @lundeveloper  4 หลายเดือนก่อน +2

      I'm glad it's useful to everyone

  • @FullStack-s8g
    @FullStack-s8g 4 หลายเดือนก่อน +50

    We need this type of cool stuff for next vids

    • @Trinimik
      @Trinimik 4 หลายเดือนก่อน

      Yes!!

  • @berkmungan6603
    @berkmungan6603 3 หลายเดือนก่อน +1

    Every time i watch your videos i am amazed by what you do. I have learned so much from you. Thank you so much!!!!!!!

  • @RetroFlicksRockHits
    @RetroFlicksRockHits 2 หลายเดือนก่อน

    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!

  • @carnage2404
    @carnage2404 4 หลายเดือนก่อน

    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

    • @carnage2404
      @carnage2404 4 หลายเดือนก่อน

      In simple words you are amazing please put more and more content 🙏

    • @lundeveloper
      @lundeveloper  4 หลายเดือนก่อน

      Thank you very much, I will try harder. I hope what I share will be known to many people 😍

  • @scott-richardson
    @scott-richardson 4 หลายเดือนก่อน +1

    Sensational. Beautiful clean markup and relatively minimal CSS code to create something that would otherwise have been a solid chunk of JS.

  • @kayaqueen6982
    @kayaqueen6982 2 หลายเดือนก่อน

    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

  • @goodshiro10
    @goodshiro10 2 หลายเดือนก่อน +1

    Dude you're awesome, this was unimaginable to me and seeing it in an understable way is even more amazing
    BIG THANKS TO YOU ❤

  • @skipper7402
    @skipper7402 4 หลายเดือนก่อน

    Your creativity is at the peak of humanity

  • @narasimmans5418
    @narasimmans5418 4 หลายเดือนก่อน +2

    I used your last video CSS reference in my company project today. It's so helpful ❤ Thank you. Keep rocking 🔥

    • @lundeveloper
      @lundeveloper  4 หลายเดือนก่อน +1

      Great 😍😍😍

  • @alimardan2665
    @alimardan2665 4 หลายเดือนก่อน

    DUDE YOUR A MASTER AT CSS i never knew * could be this useful

  • @andru2625
    @andru2625 3 หลายเดือนก่อน

    Amazing way of selecting previous items! Thanks for the video.

  • @shahfaisal3923
    @shahfaisal3923 4 หลายเดือนก่อน

    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.

    • @lundeveloper
      @lundeveloper  4 หลายเดือนก่อน

      Thank you so much, love Afghanistan

  • @hareeshrajendran
    @hareeshrajendran 4 หลายเดือนก่อน +6

    Finally Online Tutorials and Kevin Powell got a Rival 🔥

    • @devmik
      @devmik 4 หลายเดือนก่อน

      💯🛠💎

  • @asadurrehman6106
    @asadurrehman6106 4 หลายเดือนก่อน +2

    You are teacher/mentor of masters

  • @fixx5148
    @fixx5148 4 หลายเดือนก่อน +1

    I just got here and i am already planning a binge watch your videos, nice narration and CONTENT!!

    • @lundeveloper
      @lundeveloper  4 หลายเดือนก่อน +1

      Thank you so much bro ^^

  • @vuqar6450
    @vuqar6450 หลายเดือนก่อน

    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

  • @keitho6974
    @keitho6974 4 หลายเดือนก่อน +3

    This is awesome. Cant wait to use so many of these techniques in my own website rebuild.

  • @shahzaibtariq9296
    @shahzaibtariq9296 4 หลายเดือนก่อน +8

    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!👍

    • @lundeveloper
      @lundeveloper  4 หลายเดือนก่อน

      Thank you 😍

  • @m.waseem6616
    @m.waseem6616 2 หลายเดือนก่อน

    thank you Lun Dev for teaching us valueable skills.

  • @RyanKerry-r4s
    @RyanKerry-r4s 4 หลายเดือนก่อน +1

    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.

  • @daniel_1523
    @daniel_1523 4 หลายเดือนก่อน +2

    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🎉

  • @luiscarlosjayk
    @luiscarlosjayk 4 หลายเดือนก่อน +1

    Pretty impressive, easy to understand and implement, and useful. You have talent to teach!

  • @gibber1sh-c6w
    @gibber1sh-c6w 4 หลายเดือนก่อน +16

    I really like that such a short video teaches such a powerful technique that can be applied to a ton of different scenarios.

  • @LukeWatts85
    @LukeWatts85 2 หลายเดือนก่อน

    I now know what it would sound like if Jason Schwartzman taught me CSS. Thanks A.I.

  • @borstenpinsel
    @borstenpinsel 4 หลายเดือนก่อน

    Finally a good explanation of what :has is/can do

  • @freakfreak786
    @freakfreak786 หลายเดือนก่อน

    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.

  • @_PhanSiHoang
    @_PhanSiHoang 14 วันที่ผ่านมา

    Thanks Luna Dev. This knowledge is very useful

  • @chris94kennedy
    @chris94kennedy 4 หลายเดือนก่อน

    I can't decide if cursed or not but it's pretty epic, I'd have reached for JS in a heartbeat!

  • @lundeveloper
    @lundeveloper  4 หลายเดือนก่อน +2

    After editing, this video is back. Anyone else watch it?

    • @garaa8782
      @garaa8782 3 หลายเดือนก่อน +1

      Me (:

    • @myhandle365
      @myhandle365 หลายเดือนก่อน

      Also me (:

  • @shaikazar1729
    @shaikazar1729 13 วันที่ผ่านมา

    I started smiling after half of the video is complete

  • @gwemula
    @gwemula หลายเดือนก่อน +1

    I wonder if Kevin Powell has seen this! Pretty sure he'd be impressed :)

  • @HappySlappyFace
    @HappySlappyFace 2 หลายเดือนก่อน +1

    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

  • @isfrank
    @isfrank 2 หลายเดือนก่อน

    Idea is great. Execution is minimal at best

  • @mrhd2740
    @mrhd2740 3 หลายเดือนก่อน

    Wonderful
    I can't believe that can be happen with just only cas

  • @guillermomazzari8320
    @guillermomazzari8320 3 หลายเดือนก่อน +5

    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!

  • @SpivSpirit
    @SpivSpirit 4 หลายเดือนก่อน +1

    Concise, informative and useful content. Great job!

  • @InvOdessy88
    @InvOdessy88 4 หลายเดือนก่อน

    One of the best way to use CSS, good job 👍🏻 bro keep impressing us...

  • @lowlay964
    @lowlay964 วันที่ผ่านมา

    Wow... thanks for sharing this!

  • @alimardan2665
    @alimardan2665 4 หลายเดือนก่อน +1

    make github repositories would be amazing to use these codes in actual projects

  • @pablowbk
    @pablowbk 3 หลายเดือนก่อน +15

    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.

  • @Kat-ki6ox
    @Kat-ki6ox 3 หลายเดือนก่อน +2

    the mr beast AI voice is crazy

  • @dariorodrigotorrejon4004
    @dariorodrigotorrejon4004 2 หลายเดือนก่อน

    This is gold Man....thx for share this amaizing css magic!

  • @thevhejalltd8716
    @thevhejalltd8716 4 หลายเดือนก่อน

    Definitly learned some awesome things man, My love for css has increased❤

    • @lundeveloper
      @lundeveloper  4 หลายเดือนก่อน

      Thank you for watch my content brother 😍

  • @AbdelrahmanRamadan-cp5jx
    @AbdelrahmanRamadan-cp5jx 4 หลายเดือนก่อน +1

    Best css channel with no doubt!!

    • @lundeveloper
      @lundeveloper  4 หลายเดือนก่อน +1

      Thank you so much bro ^^

  • @169ru
    @169ru หลายเดือนก่อน

    Honestly, you have me wondering if I want to change careers!

  • @hamza4319
    @hamza4319 4 หลายเดือนก่อน

    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.

    • @lundeveloper
      @lundeveloper  4 หลายเดือนก่อน

      Thank you, I will continue to do it, I hope my channel can reach many people who need it

  • @matteol1356
    @matteol1356 4 หลายเดือนก่อน +1

    Very interesting
    Really love your CSS tips
    Straight to the point
    Short and concise
    Great content ⭐

    • @lundeveloper
      @lundeveloper  4 หลายเดือนก่อน +1

      Thank you so much bro

    • @cheikhba5557
      @cheikhba5557 2 หลายเดือนก่อน

      Please teach me more about JavaScript

  • @farizsofyan
    @farizsofyan 2 หลายเดือนก่อน

    Clever use of "has"!

  • @therealpepeu
    @therealpepeu หลายเดือนก่อน

    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.

  • @y0urh0mew0rk
    @y0urh0mew0rk 27 วันที่ผ่านมา

    looks cool and all but remember: * is a bit expensive (mentioned in docs as well)

  • @yot387
    @yot387 4 หลายเดือนก่อน

    I don't like at all javascript, i know it's power and what you can create and control with it.
    Solutions like these, to the "design" wise of coding for me is like a toddler tasting bacon for the first time. I will get a lot of fun with this. Keep the content coming, i definitely will be watching all your videos.

  • @AdityaYadav-gj7lz
    @AdityaYadav-gj7lz 3 หลายเดือนก่อน

    bro is literally programming with css 🤯

    • @lundeveloper
      @lundeveloper  3 หลายเดือนก่อน

      Hopefully I can get your support in the latest videos

  • @ceciliugh
    @ceciliugh 4 หลายเดือนก่อน

    learning css with mtg, something i can get behind

  • @rashidshahriar7913
    @rashidshahriar7913 4 หลายเดือนก่อน

    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.

  • @K4ishna1
    @K4ishna1 2 หลายเดือนก่อน

    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)

  • @coffeemakir1977
    @coffeemakir1977 4 หลายเดือนก่อน

    👏👏👏 I've never used that has() selector, fantastic!

  • @gobibas6977
    @gobibas6977 2 หลายเดือนก่อน

    You're defenetly a master bro, good job keep going !!

  • @hanady.1d
    @hanady.1d 3 หลายเดือนก่อน

    I wish you would've showed the beginning of the css code too 🥹 but i love your videos!!

  • @A.Floatrx
    @A.Floatrx 24 วันที่ผ่านมา +1

    crazy&cool )

  • @Xiuei
    @Xiuei หลายเดือนก่อน

    Thank you so much for your tutorials!! You really helped me a lot.

  • @fayrouzadham4808
    @fayrouzadham4808 3 หลายเดือนก่อน

    this is my favorite css video ever ❤

  • @MrSmith_
    @MrSmith_ 4 หลายเดือนก่อน

    That's really cool. CSS is so powerful.

    • @lundeveloper
      @lundeveloper  4 หลายเดือนก่อน +1

      Thank you so much ❤️

  • @danimatuko
    @danimatuko 4 หลายเดือนก่อน

    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!

    • @lundeveloper
      @lundeveloper  4 หลายเดือนก่อน +1

      Thank you so much brother 😍

  • @ShortFilmVD
    @ShortFilmVD 2 หลายเดือนก่อน

    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.

  • @subhadeeproy1983
    @subhadeeproy1983 3 หลายเดือนก่อน +3

    yo c'mon guys this man deserves more subs and likes 😭

    • @lundeveloper
      @lundeveloper  3 หลายเดือนก่อน +2

      My dream 😭😭😭😭😭

  • @TheSensei88
    @TheSensei88 13 วันที่ผ่านมา

    Wait, is this an AI voice? I did not notice it in the slightest, that's some really good job there!
    If done like this, I don't care it being used!

  • @johnmusicaliente
    @johnmusicaliente 2 หลายเดือนก่อน

    This is absolute madness css ::) Like it a lot! Lancelot!

  • @Odino3107
    @Odino3107 4 หลายเดือนก่อน

    wow, I would use this in my next project at school if we gonna make another website

  • @ayyodii
    @ayyodii หลายเดือนก่อน

    I watched the whole video trying to remember who it is you sound like to me. Then it hit me... Pleakley from Lilo and Stitch xD Really nice video 👍

  • @azulamazigh2789
    @azulamazigh2789 4 หลายเดือนก่อน

    1:48 the Y axes should be up in this case for rotateY() to make sense...

  • @Semmelein
    @Semmelein 2 หลายเดือนก่อน

    I can't get over the fact that there's no space before the { bracket. 😅
    Other than that - great video!

  • @gilsonconceicao5201
    @gilsonconceicao5201 4 หลายเดือนก่อน

    Very nice. Thanks for sharing

    • @lundeveloper
      @lundeveloper  4 หลายเดือนก่อน

      😍 Thank Bro

  • @Endrit719
    @Endrit719 4 หลายเดือนก่อน

    this was amazing, that is why javascript is needed

  • @Triumph001
    @Triumph001 4 หลายเดือนก่อน

    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.🫡

  • @d3vilm4ster
    @d3vilm4ster 23 วันที่ผ่านมา

    Superb explanation! Thank you sir!

  • @WARLORD-SL
    @WARLORD-SL หลายเดือนก่อน

    Do more unique stuff like this with css

  • @etabeta31
    @etabeta31 หลายเดือนก่อน

    Fantastisk! Thank you so much!

  • @iunk-dfoig-1837n
    @iunk-dfoig-1837n 2 หลายเดือนก่อน

    Mind blowing! Wow, thank you!

  • @muhammadadnanrazaqadri
    @muhammadadnanrazaqadri 2 หลายเดือนก่อน

    Your Video Great and may be no one can make video like you. please can you make video more languages like hindi or urdu
    I am not talking about.
    I am talking about video language
    Because i am from india and i having difficulty to understand English of other Country.
    I am beginner in English
    Please

  • @r-i-ch
    @r-i-ch 4 หลายเดือนก่อน

    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?

  • @Ezekiel889
    @Ezekiel889 4 หลายเดือนก่อน +1

    that's crazy cool man... nice work :)

    • @lundeveloper
      @lundeveloper  4 หลายเดือนก่อน

      Thank you so much bro ^^

  • @demonhunter8358
    @demonhunter8358 หลายเดือนก่อน

    pretty amazing thanks dude for simple explanation

  • @DSADesiExplorer-hs4wf
    @DSADesiExplorer-hs4wf 2 หลายเดือนก่อน

    crazy bhai soon will be implementing such cool effects amin

  • @alirezamousavi3583
    @alirezamousavi3583 4 หลายเดือนก่อน

    That was awesomeee!! Thanks for sharing your knowledge❤️🙏

  • @Rianxa
    @Rianxa 4 หลายเดือนก่อน

    This is AWESOME! Really like it.

  • @summonthecat
    @summonthecat 4 หลายเดือนก่อน

    Very cool, love the video, its cool to understand the :has query and stunning visual. Only thing is the AI voice makes me uncomfortable, maybe try giving recording a try.

  • @ekinaslan7307
    @ekinaslan7307 หลายเดือนก่อน

    Nice work

  • @MasterStreet
    @MasterStreet 2 หลายเดือนก่อน

    uff I love your indentation theme