When the pointer hovers over it, the transition effect kicks in smoothly. However, it reverts back to its original size abruptly when the mouse pointer is no longer hovering over it. What I aim for is for the cardLink to scale smoothly to .95 when hovered over, and then smoothly scale back to its normal size. I am currently utilizing React and Sass for this.
.homepage{
&__cardLink {
transition: transform .9s linear;
text-decoration: none;
@include tablet {
height: 100%;
}
:hover {
box-shadow: 1px 2px 9px 7px #8e8d8a;
transform: scale(0.95);
transition: .75s;
}
}
}