Crazy CSS Using By Master CSS

Поделиться
HTML-код
  • Опубликовано: 1 фев 2025

Комментарии • 609

  • @lundeveloper
    @lundeveloper  7 месяцев назад +137

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

    • @bobin5480
      @bobin5480 7 месяцев назад +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 7 месяцев назад

      Thanks you sir

    • @vishalchavan7404
      @vishalchavan7404 7 месяцев назад +1

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

    • @lundeveloper
      @lundeveloper  7 месяцев назад +1

      @@bobin5480Thank you so much 😍😍😍 🇻🇳

    • @ob5804
      @ob5804 7 месяцев назад

      @@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 7 месяцев назад +637

    alright mr beast is teaching css now.

    • @alvydasjokubauskas2587
      @alvydasjokubauskas2587 7 месяцев назад +8

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

    • @siamandkamal
      @siamandkamal 5 месяцев назад +9

      @@alvydasjokubauskas2587 AI VOICE 😘😘

    • @AJAY-lz3rk
      @AJAY-lz3rk 4 месяца назад

      😂😂

  • @HemWri
    @HemWri 7 месяцев назад +604

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

    • @jeantalar
      @jeantalar 7 месяцев назад +10

      I was ready to say that 😂

    • @PizzzaMozarella
      @PizzzaMozarella 6 месяцев назад +9

      good thing it was not kris

    • @irgendjemand8221
      @irgendjemand8221 5 месяцев назад +2

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

    • @Bacon2000.
      @Bacon2000. 5 месяцев назад

      Did NOT age well

    • @opa8012
      @opa8012 5 месяцев назад

      @@PizzzaMozarella that did very much NOT age well indeed

  • @m12652
    @m12652 7 месяцев назад +250

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

    • @goncalomoura7628
      @goncalomoura7628 7 месяцев назад +2

      His previous video is even more impressive

    • @m12652
      @m12652 7 месяцев назад +3

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

  • @markuszeller_official
    @markuszeller_official 7 месяцев назад +125

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

  • @latte-ki4qn
    @latte-ki4qn 7 месяцев назад +41

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

  • @NazwaBricksZajeta
    @NazwaBricksZajeta 4 месяца назад +11

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

    • @u1f98a
      @u1f98a 4 месяца назад +4

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

  • @_vidnas
    @_vidnas 7 месяцев назад +1053

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

    • @calebmusselman
      @calebmusselman 7 месяцев назад +36

      Someone had fun with Eleven labs😂

    • @MrNagano00
      @MrNagano00 7 месяцев назад +63

      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 7 месяцев назад +12

      Not everyone has a good microphone

    • @_vidnas
      @_vidnas 7 месяцев назад +14

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

    • @MrNagano00
      @MrNagano00 7 месяцев назад +30

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

  • @gabosantiago1038
    @gabosantiago1038 4 месяца назад +14

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

    • @smileorcry7204
      @smileorcry7204 3 месяца назад +1

      😂😂😂

    • @danboi111
      @danboi111 3 месяца назад

      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 3 месяца назад +1

      Chinese i think.

    • @KiteKun-zv3ff
      @KiteKun-zv3ff 2 месяца назад

      He is Vietnamese

    • @avikarefin7137
      @avikarefin7137 Месяц назад

      Go to the about channel section

  • @FullStack-s8g
    @FullStack-s8g 7 месяцев назад +51

    We need this type of cool stuff for next vids

  • @BobbyCharlz
    @BobbyCharlz Месяц назад

    I love this channel and it’s videos AND the voice over! Very informative, memorable and impressionable. The production value and content quality are 100%. 💪

  • @samualodo3414
    @samualodo3414 7 месяцев назад +4

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

    • @lundeveloper
      @lundeveloper  7 месяцев назад +3

      I'm glad it's useful to everyone

  • @nemila4904
    @nemila4904 4 месяца назад +4

    I think I found my new favorite css RUclipsr

  • @BobbyCharlz
    @BobbyCharlz Месяц назад

    Content Request Suggestion: Could you get us even deeper into the 3D possibilities of CSS? This great video is already taking us down that path and this would be a great and much-appreciated progression in learning and skill acquisition/inspiration.

  • @jsd_55
    @jsd_55 Месяц назад +1

    bro what!! This channel is pure GOLD or maybe diamonds

  • @kayaqueen6982
    @kayaqueen6982 5 месяцев назад +1

    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

  • @RetroFlicksRockHits
    @RetroFlicksRockHits 5 месяцев назад

    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!

  • @BeMyArt
    @BeMyArt 2 месяца назад +1

    CSS magician😮 that's so pretty ❤

  • @andru2625
    @andru2625 5 месяцев назад +1

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

  • @berkmungan6603
    @berkmungan6603 6 месяцев назад +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!!!!!!!

  • @carnage2404
    @carnage2404 7 месяцев назад

    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 7 месяцев назад

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

    • @lundeveloper
      @lundeveloper  7 месяцев назад

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

  • @goodshiro10
    @goodshiro10 4 месяца назад +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 ❤

  • @fixx5148
    @fixx5148 7 месяцев назад +1

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

    • @lundeveloper
      @lundeveloper  7 месяцев назад +1

      Thank you so much bro ^^

  • @narasimmans5418
    @narasimmans5418 7 месяцев назад +2

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

  • @freakfreak786
    @freakfreak786 4 месяца назад

    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.

  • @DanielOlatunde-fn3ke
    @DanielOlatunde-fn3ke Месяц назад

    Guy i cant wait to watch your latest video. am always impressed when I watch you video 🎉🎉

  • @daniel_1523
    @daniel_1523 7 месяцев назад +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🎉

  • @scott-richardson
    @scott-richardson 7 месяцев назад +1

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

  • @RyanKerry-r4s
    @RyanKerry-r4s 6 месяцев назад +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.

  • @doronbaruch3670
    @doronbaruch3670 7 месяцев назад +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  7 месяцев назад +1

      Great to see this comment

  • @shahzaibtariq9296
    @shahzaibtariq9296 7 месяцев назад +9

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

  • @hareeshrajendran
    @hareeshrajendran 7 месяцев назад +6

    Finally Online Tutorials and Kevin Powell got a Rival 🔥

    • @devmik
      @devmik 7 месяцев назад

      💯🛠💎

  • @AbdelrahmanRamadan-cp5jx
    @AbdelrahmanRamadan-cp5jx 7 месяцев назад +1

    Best css channel with no doubt!!

    • @lundeveloper
      @lundeveloper  7 месяцев назад +1

      Thank you so much bro ^^

  • @gibber1sh-c6w
    @gibber1sh-c6w 7 месяцев назад +16

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

  • @matteol1356
    @matteol1356 7 месяцев назад +1

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

    • @lundeveloper
      @lundeveloper  7 месяцев назад +1

      Thank you so much bro

    • @cheikhba5557
      @cheikhba5557 5 месяцев назад

      Please teach me more about JavaScript

  • @dariorodrigotorrejon4004
    @dariorodrigotorrejon4004 5 месяцев назад

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

  • @skipper7402
    @skipper7402 7 месяцев назад

    Your creativity is at the peak of humanity

  • @vuqar6450
    @vuqar6450 4 месяца назад

    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

  • @Triumph001
    @Triumph001 7 месяцев назад

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

  • @johnmusicaliente
    @johnmusicaliente 4 месяца назад

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

  • @alimardan2665
    @alimardan2665 7 месяцев назад

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

  • @gobibas6977
    @gobibas6977 4 месяца назад

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

  • @K4ishna1
    @K4ishna1 4 месяца назад

    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)

  • @thevhejalltd8716
    @thevhejalltd8716 7 месяцев назад

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

    • @lundeveloper
      @lundeveloper  6 месяцев назад

      Thank you for watch my content brother 😍

  • @keitho6974
    @keitho6974 7 месяцев назад +3

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

  • @MindfulDevLab
    @MindfulDevLab 11 дней назад

    nice tutorial , thank you bro for the video

  • @lowlay964
    @lowlay964 2 месяца назад

    Wow... thanks for sharing this!

  • @fayrouzadham4808
    @fayrouzadham4808 5 месяцев назад

    this is my favorite css video ever ❤

  • @BoberAndPositiveChannel
    @BoberAndPositiveChannel 4 месяца назад

    Mind blowing! Wow, thank you!

  • @ObasiDaniell
    @ObasiDaniell 2 месяца назад

    wow. this is great man!!

  • @asadurrehman6106
    @asadurrehman6106 7 месяцев назад +2

    You are teacher/mentor of masters

  • @luiscarlosjayk
    @luiscarlosjayk 7 месяцев назад +1

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

  • @coffeemakir1977
    @coffeemakir1977 7 месяцев назад

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

  • @umangghinaiya8073
    @umangghinaiya8073 5 месяцев назад

    Wow 😮 that's insane !!!!! Thanks.

  • @digwillhachi
    @digwillhachi 7 месяцев назад

    damn. First video i have seen of your. Instantly subbed.

  • @Zak-tc4md
    @Zak-tc4md 3 месяца назад

    great content bro. KEep GOing
    👍👍👍

    • @Zak-tc4md
      @Zak-tc4md 3 месяца назад

      could you please share the source code?
      i checked your github but wasn't able to find this one

  • @SpivSpirit
    @SpivSpirit 7 месяцев назад +1

    Concise, informative and useful content. Great job!

  • @Ezekiel889
    @Ezekiel889 7 месяцев назад +1

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

  • @anshpatel9180
    @anshpatel9180 7 месяцев назад

    bro , you are so underrated , very good content 😉👏👏👏

  • @Unknown-2-me
    @Unknown-2-me 3 месяца назад

    Superb explanation! Thank you sir!

  • @therealpepeu
    @therealpepeu 3 месяца назад

    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.

  • @InvOdessy88
    @InvOdessy88 7 месяцев назад

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

  • @hamza4319
    @hamza4319 7 месяцев назад

    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  7 месяцев назад

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

  • @danimatuko
    @danimatuko 7 месяцев назад

    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  7 месяцев назад +1

      Thank you so much brother 😍

  • @ЮлияРоманенко-к4ц
    @ЮлияРоманенко-к4ц 2 месяца назад

    Вауууууу 👍 Супер 👍👍👍🤗❤️

  • @satyeshnmerwade5029
    @satyeshnmerwade5029 7 месяцев назад

    Please share the codepen link in the description; that would help a lot of them. Also, this video got you a new subscriber 😉

    • @lundeveloper
      @lundeveloper  6 месяцев назад

      Thank you for your feedback

  • @Xiuei
    @Xiuei 3 месяца назад

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

  • @guillermomazzari8320
    @guillermomazzari8320 5 месяцев назад +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!

  • @user-zj6iz1rl8d
    @user-zj6iz1rl8d 7 месяцев назад

    bro is a genius did you come up with this yourself?

  • @ВладиславГ-ф9т
    @ВладиславГ-ф9т 5 месяцев назад

    That is a game changer. Thank you man

  • @ayyodii
    @ayyodii 3 месяца назад

    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 👍

  • @rashidshahriar7913
    @rashidshahriar7913 7 месяцев назад

    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.

  • @dotader
    @dotader 7 дней назад

    came in expecting a useful and informative video from a real person
    ended up getting a useful and informative video from a youtuber-stereotype robot

  • @Rianxa
    @Rianxa 7 месяцев назад

    This is AWESOME! Really like it.

  • @megalofauna
    @megalofauna 7 месяцев назад

    Thanks!

    • @lundeveloper
      @lundeveloper  7 месяцев назад

      WOW, thank you so much for supporting my channel

  • @_PhanSiHoang
    @_PhanSiHoang 3 месяца назад

    Thanks Luna Dev. This knowledge is very useful

  • @DavidGutierrez-dj2kk
    @DavidGutierrez-dj2kk 5 месяцев назад

    Please make more! This is great!

  • @giannistourkos
    @giannistourkos 4 месяца назад

    Excellent css skills!!

  • @MrSmith_
    @MrSmith_ 7 месяцев назад

    That's really cool. CSS is so powerful.

    • @lundeveloper
      @lundeveloper  7 месяцев назад +1

      Thank you so much ❤️

  • @demonhunter8358
    @demonhunter8358 4 месяца назад

    pretty amazing thanks dude for simple explanation

  • @chris94kennedy
    @chris94kennedy 7 месяцев назад

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

  • @cheikhba5557
    @cheikhba5557 5 месяцев назад

    Hi man, how are you? Man you’re amazing. I’ve learned a lot from you. But i would like to know more about JavaScript. Can you please teach me? Thank you so much. Thanks

  • @refusado
    @refusado 7 месяцев назад

    This thumbnail is insane! Good job
    What is this font family btw?

  • @aliirezamousavii
    @aliirezamousavii 7 месяцев назад

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

  • @SkullJack-n2c
    @SkullJack-n2c 7 месяцев назад

    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.

    • @lundeveloper
      @lundeveloper  7 месяцев назад +2

      It's simply experience accumulated over many years of work. In a few years you will be like me now.
      Hăm có gì 🫣

    • @SkullJack-n2c
      @SkullJack-n2c 7 месяцев назад

      @@lundeveloper thanks a lot, good luck bro.

  • @deephousefridays1911
    @deephousefridays1911 5 месяцев назад

    Good damn man, that’s a sick thing you made 🎉

  • @SergioCandelaRamirez
    @SergioCandelaRamirez 7 месяцев назад

    very interesting and imaginative aproach to that issue! Congrats

  • @wireinet
    @wireinet 7 месяцев назад +2

    AWESOME! Thanks for trick!

  • @DSADesiExplorer-hs4wf
    @DSADesiExplorer-hs4wf 4 месяца назад

    crazy bhai soon will be implementing such cool effects amin

  • @MasterStreet
    @MasterStreet 4 месяца назад

    uff I love your indentation theme

  • @tinotaylor
    @tinotaylor 3 месяца назад

    Love the videos. Would you be able to do some with tailwind?

  • @niazhimselfangels
    @niazhimselfangels 7 месяцев назад

    This was AMAZING! 🎉

  • @etabeta31
    @etabeta31 4 месяца назад

    Fantastisk! Thank you so much!

  • @summonthecat
    @summonthecat 7 месяцев назад

    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.

  • @Earthcrosser
    @Earthcrosser 4 месяца назад

    Very interesting! Thanks for sharing. You earned a subscriber. ;-)

  • @arjuna902-
    @arjuna902- 6 месяцев назад

    thank you, i love your css arts

  • @Haroun.Benmahdjoub
    @Haroun.Benmahdjoub 7 месяцев назад

    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

  • @isfrank
    @isfrank 4 месяца назад

    Idea is great. Execution is minimal at best

  • @lazy-hero.
    @lazy-hero. 7 месяцев назад

    Just awesome brother 🔥

  • @m.waseem6616
    @m.waseem6616 4 месяца назад

    thank you Lun Dev for teaching us valueable skills.