Cursor Personalizado

Table of contents

• Overview
  • The challenge
  • Screenshot
  • Solution link
• My process
  • Built with
  • What I learned
• Author

Overview

The objectives

• Explain the plot of the movie the batman, showing who the actors and characters are.

• The layout will have to adapt to each screen size.

• On devices with a cursor, the user will be able to see a preview of the image by hovering the mouse over the highlighted words.

Solution link

Click here to go to the project

Solution video

Click here to go to the video

Screenshot

Desktop

Mobile Portrait

Mobile Landscape

My process

Built with

• Semantic HTML5 markup
• CSS custom properties
• Flexbox
• CSS @media Rule
• JavaScript
• Dom

What I learned

I learned how I can use JavaScript to capture mouse movement and turn a simple page into a dynamic page, giving the user the power to preview an image for any word highlighted in the project.

Author

• Name - Christian
• Instagram - @apredizti
• Linkedin - @Christian Silva
• GitHub - @Christian Silva