@snehamoybag
Posted
I think you forgot to add the image hover effect.. otherwise good job
@Maxwell-Santos
Posted
@snehamoybag thanks! the hover effect was it to scale up the image? becuse I couldn't think of anything..
@snehamoybag
Posted
@Maxwell-Santos i used ::before and ::after psuedo elements to do it. I set the image's positioning as relative then set the two psuedo elements as absolute and placed them on top the image using margin top 0 (::before with the green background and ::after with eye icon background) and set their opacity as 0 when not hovered and opacity as 1 when hovered 😅
Marked as helpful
@r-mayer
Posted
@Maxwell-Santos the hover effect was to add a cyan background in front of the image, a little bit transparent and with a little icon of an eye in the center of it. There is also two links in the card (one is in the name "Equilibrium" e other is in the name of the user) that has a hover effect too.
You can see the desired final result inside the folder "design", which comes with the rest of the files of the projects. Is an image with the name 'active-status.jpg'.
When I started this project I didn't see that either :)
Marked as helpful
@Maxwell-Santos
Posted
@snehamoybag very simple looll i love it, thanks
@Maxwell-Santos
Posted
@r-mayer this was my first project here, i like this site, thanks for the help :)