@sumedhakoranga
Posted
Nice, learned a lot from your code. One thing that you missed is the functionality where the card becomes active upon hovering.
@0xabdulkhaliq
Posted
Yeah @sumedhakoranga, you said it right!
Hi there @Flavio-sv 👋,
- Your solution would be perfectly finished if you add the hover effect as a finishing touch!
- Just add the following css rules
main {
transition: box-shadow .3s;
}
main:hover {
box-shadow: 12px 13px 0px 1px #000;
}
- Now your component's hover shadows has been set properly with subtle transition to present it smoother.
Hope this suggestion helpful to you!
@Flavio-sv
Posted
Hi, @sumedhakoranga
Thank you for notifying me; I had completely forgotten to implement that section.
@Flavio-sv
Posted
Hi, @0xabdulkhalid
Thank you for the suggestion; I wouldn't have thought to use transition: box-shadow .3s;
.
@0xabdulkhaliq
Posted
You're welcome @Flavio-sv !