Skip to content
Submitted over 2 years ago

Using FlexBox

accessibility
Luiz Davi•110
@lzdavic
A solution to the NFT preview card component challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

Hi, I tried to do the hover style on the image using CSS, i don't know if it's the right aproach, because when i use

.card__image:hover {
     content: url('../images/icon-view.svg')
}

the image is replaced, i dont know what's the way, i aprecciate help!

Code

Please log in to post a comment

Log in

Community feedback

  • Jaykler•30
    @Jaykler

    Hi,

    Theres a css pseudo element ":active" The :active CSS pseudo-class represents an element (such as a button) that is being activated by the user. When using a mouse, "activation" typically starts when the user presses down the primary mouse button.

    check this pages out for more info and examples:

    https://developer.mozilla.org/en-US/docs/Web/CSS/:active https://www.w3schools.com/css/css_pseudo_classes.asp

    W3School Try it yourself:

    https://www.w3schools.com/css/tryit.asp?filename=trycss_pseudo-class_links

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