Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Blog preview card with JS for hover animation

TheVolky 30

@TheVolky

Desktop design screenshot for the Blog preview card coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


What are you most proud of, and what would you do differently next time?

I'm proud of the hover animation with js, it's the first time i did that.

What challenges did you encounter, and how did you overcome them?

The challenge was to do the the hover animation.

What specific areas of your project would you like help with?

I just want to know what i did wrong and what i can improve ?

Community feedback

Ricardo 440

@ricardo1003

Posted

Yo! nice solution, it is actually pretty similar to the original. However, you can do animations like that in CSS without using JS! There are some things called ''pseudo classes'', wich lets you do add styles to an element when it has an specific state. For example, if you use element:hover{background-color: red;}, each time the pointer is over the element, the background will turn red.

You probably made this to test your JS skills, if that's the case then its ok. And actually, the only way i can think of changing a parent property when a child is hovered is with JS, so I anyways tell you this in case you didn't know so you use it on future projects.

0

Please log in to post a comment

Log in with GitHub
Discord logo

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord