Create Crazy 3D Image Slider Effects Using CSS Only

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

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

  • @lundeveloper
    @lundeveloper  6 หลายเดือนก่อน +147

    Please don't forget to subscribe to watch more interesting videos

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

      done..

    • @DebashisRoy-cs9qm
      @DebashisRoy-cs9qm 4 หลายเดือนก่อน

      Thanks Please make More Web Development Video.....like this... 😊

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

      🎉🎉Party for 1 M 🎉🎉🎉🎉❤❤

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

      almost forgot ;P

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

      almost

  • @prodbysvper5761
    @prodbysvper5761 6 หลายเดือนก่อน +308

    This is actually crazy, to be able to make something like this with no js and easily explained

    • @lundeveloper
      @lundeveloper  6 หลายเดือนก่อน +15

      Thank you so much bro 😍

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

      Agreed, i got a lot to learn in css yes

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

      How would you that in js.

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

      i tried this and doesnt work why?

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

      @@lundeveloper thank you for the work you’ve been giving us it’s truly a blessing. I’ve learned a lot from you

  • @lundeveloper
    @lundeveloper  6 หลายเดือนก่อน +70

    70% of the channel's viewers do not click the subscribe button 🥲 Please everyone who finds it interesting, please subscribe to the channel to help me reach 50,000 subscriptions. Thank you everyone so much 🥲🥲🥲😢😢😢

    • @C-KRET
      @C-KRET 6 หลายเดือนก่อน +1

      Just liked and subscribed

    • @-The-Golden-God-
      @-The-Golden-God- 6 หลายเดือนก่อน +1

      No

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

      buddy your css 1000x better than me, just like and subscribed

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

      I just clicked sub opps😀

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

      Done and done. Great work and great vid!

  • @GinodPethmin
    @GinodPethmin 6 หลายเดือนก่อน +117

    Mr.beast knows CSS!

    • @someguy6076
      @someguy6076 7 วันที่ผ่านมา

      IKR. That was my first thought, too.

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

    The last time i used css or messed with code was 15 years ago. Css having variables, doing calculations, positioning in 3d space has blown my mind right now.

  • @simplesoul6143
    @simplesoul6143 6 หลายเดือนก่อน +24

    You're a genius bro. Not in a million years would I have managed to do this

  • @logicweaver7152
    @logicweaver7152 6 หลายเดือนก่อน +88

    I'm thankful that TH-cam recommended me this beautiful video.

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

      Thank you so much 😭😭😭

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

      @@lundeveloper hello i appreciate your job can you help or teach me how i can do it please

  • @Footballian826
    @Footballian826 6 หลายเดือนก่อน +397

    mrbeast teaching coding 🤩🤩🤩🤩🤩

    • @gh5tcodes
      @gh5tcodes 6 หลายเดือนก่อน +30

      This guy definitely using AI to make this.

    • @gauravxgqfbbscee5331
      @gauravxgqfbbscee5331 5 หลายเดือนก่อน +8

      nice observation

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

      @@gh5tcodes what a jealousness lmao

  • @Blu3-urcooked-In
    @Blu3-urcooked-In 11 วันที่ผ่านมา

    The moment I literally saw the flying pictures, I clicked the sub button without hesitation XD
    This is crazy. I can't believe I only just discovered your channel after 3 months of frickin hard coding.

  • @matheussantosdasilva7084
    @matheussantosdasilva7084 5 วันที่ผ่านมา

    I'm from Brazil, man, what an insane design, congratulations, your work is very beautiful.

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

    Probably, this is the only channel over social media that teaches that much clearly . Literally impressed with it.

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

      I am not getting the desired out put could you pls me with that

  • @franklin_zzz
    @franklin_zzz 6 หลายเดือนก่อน +8

    I'm not gonna lie bro, you are literally the best teacher out there besides codeGrid, although i really prefer your videos because of the knowledge i absorb from your content. I have nothing to request but more contents, more juicy, i mean juicy content
    I really hope you keep this up and i wish you success.

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

      Thank you very much. I will constantly try to improve the quality of my content ❤️

  • @govindr3004
    @govindr3004 8 วันที่ผ่านมา +1

    Seriously! It is that simple, its all depend on the explainer!
    Dude its awesome, I subscribing you channel by only seeing this video ❤

  • @snesmocha
    @snesmocha 5 หลายเดือนก่อน +2

    For those who don’t want to watch it’s just this video or tldr
    Find how many images you have, give each an index value
    divide 2pi or 360 depending on whether or not you’re using rads or deg for your sin function and offset each image by
    y = yoff + sin((2PI)/amount) * index + scroll) * length
    x = xoff + cos((2PI)/amount) * index + scroll) * length/2
    Now get the y value and scale the image according to the y values distance to the min of the y as sin is periodic and center the object by adding a second value to center accordingly.
    Finally just tween the scroll value according to the pi value defined by the initial pi/amount value to circularly scroll each value and you’re done

  • @Aditya.Rawat45
    @Aditya.Rawat45 5 หลายเดือนก่อน +63

    Foreign devs : Yahh LunDev! 😄😄
    Indian devs : Lun what💀

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

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

      lmao real bhai

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

      Exactly 🤣

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

      corny ah comment

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

      Asian after seeing his channel name 🫣

  • @rishicr2326
    @rishicr2326 6 หลายเดือนก่อน +12

    Cool stuff bro Keep Doing 😊

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

      Thank you so much bro

  • @itsYourType313
    @itsYourType313 6 หลายเดือนก่อน +9

    It's just a mind blowing so much love from India ❤

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

    One of the most underrated channels on TH-cam...

  • @WebWonders-r5s
    @WebWonders-r5s วันที่ผ่านมา

    Crazy CSS i learned lot of thing from this thumbs up.

  • @cs-ziyech7573
    @cs-ziyech7573 5 วันที่ผ่านมา +1

    you are the best thank you

  • @divya.n1697
    @divya.n1697 6 วันที่ผ่านมา

    This is amazing. Steps so clear and explanation for every step throughout coding process. Hats Off. One of the best Tutorials.

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

    wowwww!!!!!!!!
    such a nice explanation!
    thank you so much for this video!

  • @nandyalanaresh1161
    @nandyalanaresh1161 20 วันที่ผ่านมา +1

    It's amazing bro you did it well with proper explanation 👏👍

  • @estebanpedroguerravidal8336
    @estebanpedroguerravidal8336 7 วันที่ผ่านมา

    Me pareció fantastico... Muy buena explicación, muy claro y muy estético.

  • @silasharshit9502
    @silasharshit9502 2 วันที่ผ่านมา

    Quality content!
    Subscribed bro!!

  • @urtechtips1323
    @urtechtips1323 5 หลายเดือนก่อน +2

    Never knew mr beast started teaching coding now and he's pretty good at it.

  • @orhannaseri
    @orhannaseri 8 วันที่ผ่านมา

    just wow the way u explain it so easily and clear bravo bro👏

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

    Very handy and nicely explained! Great job, keep it coming!

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

      Thank you so much 😍

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

    Dude, the way you explain is great, I perfectly understood the logic behind this! The ability of CSS to do things that I would only think of before with JS is incredible... and I would dare to say that even easier than with JS :)
    THANK YOU! new subscriber

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

    this is madness. legendary

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

    A person this skilled and clear at things what he is doing is admirable and simply amazing.
    Respect for the skill level and such beautifully explained content.
    Absolute genius!

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

    new css king in the town

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

    This deserves millions of views

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

      That is my dream

  • @arinome.takanome
    @arinome.takanome 16 ชั่วโมงที่ผ่านมา

    Awesome work 👍

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

    This is just unbelievable. I am speechless

  • @vijayfrontend
    @vijayfrontend 6 หลายเดือนก่อน +2

    Wow, I came to this channel with a TH-cam recommendation. Awesome tuts. keep it up man

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

    wow that was great , i started my web design with wordpress now im reconsdring it 😂

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

    thx from france for your works, it's dope !

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

      Thanks brother ❤️

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

    never thought i would ever hear mrbeast explain css for me

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

    Bro teaching like we are 5 years old thankyou so much for this

  • @DavidGutierrez-dj2kk
    @DavidGutierrez-dj2kk 4 หลายเดือนก่อน

    You are amazing! Please make more content! You don't know how grateful I am for your content!

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

    its really amazing to see what can be done with css only.
    I love it.
    keep posting new and awesome videos like this.

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

    Very nice 👌👌👌

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

    zero HUNGARIAN FORINTs???? 😱🤣 no waaaaay no waaaaaaaay this dude a Hungarian CSS MASTER and I didn't know about him.... instant SUBSCRIBE!! LETS GOOOOO keeep it uuuuup!
    Btw If you are not Hungarian I would still subscribe, you are awesome

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

    Its really Amaaaaazing , please make video including controlling these siding images .... like if we click on any of these images , we can open it ...

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

    Amazing work! Well done friend. We’d like to see more.

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

    This is super inspiring!! Thanks for sharing your knowledge, it's about to be fun experimenting

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

      Also these sound bites are sending me lol

  • @Yamo406.x
    @Yamo406.x 23 วันที่ผ่านมา

    Wow! You just earned a subscriber bro

  • @abhisheksingh-cn6vi
    @abhisheksingh-cn6vi 5 หลายเดือนก่อน +1

    The way u r explaining each line is really appericiate. ❤

  • @lundeveloper
    @lundeveloper  6 หลายเดือนก่อน +13

    Comming ❤❤❤

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

      💦💦

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

    oomg you are the best professor of css i have ever seen this is soooo clear

  • @gonsa55
    @gonsa55 15 วันที่ผ่านมา

    this was absolutely amazing

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

    Cool bruh looks amazing

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

      Thank you bro ❤️

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

    It's really great content, especially the way you explain things and their details, which most other TH-camrs don't bother to explain.

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

      Thank you very much,
      I will try harder ^^

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

    This channel is my second pick after hyperplexed, good stuff

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

    Man you're great! Hope we can all make your channel bigger and bigger!

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

      Thank you so much 🥹🥹🥹 Its my Dream 🥹🥹

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

    Incredible⚡

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

    This is sooooo cool...great video man!

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

    Such a clear way to explain complicated things, i really appreciate that!
    Such a great video! Thank You!

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

    your voice made it easier to digest css. u are a legend.🤩

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

      Thank you so much brother

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

    This is ..... a work of art man 🤯

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

    Bhai shab bhot shi bnaya bhai aapne, keep it up BRO !

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

    😱😱😱😱😱😱
    Coooooooooooool!!! 😁
    You're a genius bro. Blessings from Venezuela. New subscriber.

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

      Thank you so much 😍

  • @AbolfazlAbbasi-v3s
    @AbolfazlAbbasi-v3s 20 วันที่ผ่านมา

    it's crazy slider 😍

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

    I'm speechless 🙌🙌🙌

  • @SatyaGupta.
    @SatyaGupta. 6 วันที่ผ่านมา

    Interesting 🎉🎉

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

    Love it. Very helpful, thank you!!!

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

    Amazing work 👏

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

    One word for you, STUNNING

  • @Luis-xe8du
    @Luis-xe8du 3 หลายเดือนก่อน

    Crazy design, what a nice guy, keep doing it!

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

      Thank you, I Will ❤️

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

    I am amazed to see what can be done by just CSS only.
    You did a great job.

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

      Thank you for watching my content ^^

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

      @@lundeveloper No bro thankx for making such a beautiful innovative thing and sharing it with others. BTW thankx for your comment.

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

    Waiting eagerly for the pt 2 with JS !! Amazing!

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

      Its Comming..... 😍

  • @Khizar.design
    @Khizar.design 5 หลายเดือนก่อน

    Amazing...you took coding to another level.... Love the way you explain things.

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

      Thank you so much 😍

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

    *This is a great tutorial* , and CSS I didn't even know you could do! Great experience

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

    You earned a subscription man!! This is epic keep doing it. 😂😂❤

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

      😘😘😘

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

    Thank you! This is amazing :) Liked, voted and subscribed!

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

    I mean, why is this guy not famous yet?

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

      I hope that one day this content can reach many people who need it

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

    I appreciate the hardwork u must have done in order to be where you are today .
    I am just a beginner, but using your simple CSS it feels as if I am learning great things

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

      Thank you brother, try hard together

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

    You are beast in styling dear.

  • @adrianooo3658
    @adrianooo3658 6 หลายเดือนก่อน +372

    Why do you sounds like Mr. Beast?

    • @d.o.nmuzic3802
      @d.o.nmuzic3802 6 หลายเดือนก่อน +21

      😂 I love it! It’s better than doing a video with music but no explanation.
      Great job on this

    • @WePiphany
      @WePiphany 6 หลายเดือนก่อน +34

      These videos are text to voice for audio - CapCut makes this easy and there are dozens of other apps. The typos or broken English comes through with awkward cadence time to time, but content is good. Making videos this way take more time than just recording a real voice.

    • @1brooklyn718
      @1brooklyn718 6 หลายเดือนก่อน

      U sound fruity af 😅😂lol stop remembering how other men voice sound lol

    • @choanlpoto
      @choanlpoto 6 หลายเดือนก่อน +28

      Ah that why the voice is unbearable

    • @WePiphany
      @WePiphany 6 หลายเดือนก่อน +5

      @@choanlpoto I would be shocked if there wasn't already another AI plugin that will reinterpret all online voices to one you like more.

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

    New inspiration has been found........ that's awesome...

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

    i learnt so much with this video its impressive.

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

    Nice 👍

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

    good job Lun !

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

    yo this is crazy! keep up the content man I learned a lot very well explained, I subscribed. I hope you get a lot of subscribers you deserve!

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

      Thank you so much brother

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

    Actually CSS is really awesome 😍

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

    love it, I learned a lot of epic snippets of css

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

    Found your channel today and it was a direct subscribe. Awesome content!

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

      Thank you so much bro

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

    Love this effect! Good content friend 👍

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

      😍😍😍😍

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

    At 0:14 the eye glow effect and then cards aligned in an orbit is it video editing or did you do it with CSS??

  • @AsHiSh_KuMaR786
    @AsHiSh_KuMaR786 20 วันที่ผ่านมา

    Awesome ❤❤❤

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

    This was amazing! pls do more stuff like this

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

    What a crazy idea, I LOVE IT...

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

    This is just sick! Awesome.

  • @Medical-relaxTV
    @Medical-relaxTV 4 หลายเดือนก่อน

    On fact with css you can open infinity room of choice amazing

  • @jimmyj.6792
    @jimmyj.6792 5 หลายเดือนก่อน

    Awesome presentation and explaination 🙏 so good and beautiful effect 🙂

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

    Mind blowing... I used to do this kind of enimation, with JS, but from now, I will try with CSS... Thanks... I hope will make more videos on these kind of effective css tricks

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

    the creators of css: wow, even i didn't know it could do that.

  • @phunguyen-developer
    @phunguyen-developer 5 หลายเดือนก่อน

    Đẳng cấp vl anh trai ơi
    Fk amazing video

  • @ndomokidemmyrasokari8847
    @ndomokidemmyrasokari8847 10 วันที่ผ่านมา

    Nice 😮😮😮😮😮