Awwwards Remake | Image Hover Effect Using React and CSS Episode 1

แชร์
ฝัง
  • เผยแพร่เมื่อ 15 ก.ย. 2024
  • Check out the tutorial and become more creative!
    Social Links:
    github.com/nic...
    / barbarosnicu
    I've got the studio Malvah's website on my radar for quite a while now and finally had time to remake a part of their bottom slider, image hovering effect www.awwwards.c... (scroll bottom). We will discover together how they achieved this effect using 2 stacked photos and clip-path.
    Project bootstrapped by www.gatsbyjs.org/
    New to the channel?
    Hey there my name is Nicu, I am a Front end developer.I'm here mainly because of lack of creativity and hopefully to educate people on how to code projects that actually look good. If you have any suggestions on tutorials you would like to see feel free to DM me :)
    Do you like the series? You can support the channel by buying me a coffee at www.buymeacoff... ☕️.
    #awwwards #react #css

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

  • @webunlocked
    @webunlocked  3 ปีที่แล้ว +31

    Do you wanna see more of Awwwards remake videos?

    • @mrastrogastro
      @mrastrogastro 3 ปีที่แล้ว

      Hello! Yes! Do you have idea what to make next?

    • @mirage4731
      @mirage4731 3 ปีที่แล้ว

      Yessss

    • @tinotaylor
      @tinotaylor 3 ปีที่แล้ว

      Absolutely! I wish there were some courses out there that taught us how to create this kind of work. Everything is so generic

    • @webunlocked
      @webunlocked  3 ปีที่แล้ว +1

      @@tinotaylor I am working on one!! Hopefully I will release it very soon!

    • @tinotaylor
      @tinotaylor 3 ปีที่แล้ว

      @@webunlocked sounds great! Looking forward to it 😁

  • @PrinceNwaohuocha
    @PrinceNwaohuocha 3 ปีที่แล้ว +1

    Blown away by this video and instantly became subscriber #400 !!!
    Excited to learn all that I can!

    • @webunlocked
      @webunlocked  3 ปีที่แล้ว +1

      Thank you so much for being my 400 subscriber. And super happy to see that you loved the video! Many more to come!

  • @magdasokolovic
    @magdasokolovic 3 ปีที่แล้ว +2

    oh man I am happy to discover your channel, it's amazing!

    • @webunlocked
      @webunlocked  3 ปีที่แล้ว +1

      Happy to hear that!

  • @joseaugustogutierrez6705
    @joseaugustogutierrez6705 2 ปีที่แล้ว +1

    😍😍😍 This is fire, love the content 🔥🔥🔥🔥

  • @amirhaddad5985
    @amirhaddad5985 3 ปีที่แล้ว +3

    Cool bro...please more awwwards rebuild ❤

    • @webunlocked
      @webunlocked  3 ปีที่แล้ว +1

      I will! Thanks for appreciating!

  • @mrastrogastro
    @mrastrogastro 3 ปีที่แล้ว +2

    I was waiting for you! :D

  • @NeerajLagwankar
    @NeerajLagwankar 3 ปีที่แล้ว +1

    Really helpful! Subbed

  • @mohammedfaris5326
    @mohammedfaris5326 3 ปีที่แล้ว +1

    Good contents brother ...❤️ From india

  • @mirage4731
    @mirage4731 3 ปีที่แล้ว +1

    Which one is the custom cursor video ?

    • @webunlocked
      @webunlocked  3 ปีที่แล้ว

      Check this playlist
      th-cam.com/video/rHGbUAtUUp4/w-d-xo.html

  • @alihammad8667
    @alihammad8667 3 ปีที่แล้ว

    I'm so disappointed you didn't start the project from scratch, I couldn't follow what you made

    • @webunlocked
      @webunlocked  3 ปีที่แล้ว +1

      I am story to hear that, I have the starter project in the description. Could you say if that helps?

    • @alihammad8667
      @alihammad8667 2 ปีที่แล้ว

      @@webunlocked If it's a starting project file, it will be very helpful. Thank you so much

  • @ishannakate513
    @ishannakate513 3 ปีที่แล้ว

    #680th Thanks a lot for this

    • @webunlocked
      @webunlocked  3 ปีที่แล้ว

      Thanks and welcome!!!