Skip to main content
Participant
January 22, 2025
Question

I need ur help

  • January 22, 2025
  • 1 reply
  • 129 views

Good morning friends, I need your help, for a task at my institute they sent me to replicate Rafael Nadal's website https://rafaelnadal.com/ , upon entering you can see 5 sections in which when you hover over the image the image changes and there is movement in the letters, I managed to make the letters move but I don't know how to change the images, how would you do it? Do you have any advice?

    1 reply

    creative explorer
    Community Expert
    Community Expert
    January 24, 2025

    @lautaro_6316 that would be a hover state.
    1 . Create a component. 

    2. Default state would be whatever is the main image

    3. Click on the + and create a hover state, change the image or turn off the main image

    4. Test. When you test it, make sure you start in the default state

    Here was an example that I did with my students 3 years ago. You can tailor it for your 'Nadal' prototype
    https://youtu.be/rO5AZJttlSg?si=_l_pRVfCBQKnLc54

    m