Skip to content
OverviewSolutions
18
Comments
2
Ebadullah Nawabi
@Ebadullah-Nawabi

All comments

  • Ebadullah Nawabi•230
    @Ebadullah-NawabiPosted about 1 year ago

    Open for feedback

    0
  • Ebadullah Nawabi•230
    @Ebadullah-NawabiSubmitted over 1 year ago

    I had problem adding the eye icon in hover state, I tried making the main image(equalibrium NFT image) a background image but I coudn't reduce the size of the eye icon when hovering because it would collapse the whole main image too. So any kind of solution would be appreciated. I haven't learnt javascript yet so I need the solution in CSS. Thanks in advance

    NFT preview card component

    1
    Ebadullah Nawabi•230
    @Ebadullah-NawabiPosted over 1 year ago

    I did find one solution by adding eye icon in one box(eye-icon-box) and the main img in img-box then giving the (eye-icon-box) an opacity of zero and set its position to absolute then making the opacity of eye-icon-box to 1 while hovering the img-box I would still appreciate other kinds of solutions aswell.

    0