如何在SASS中应用转换

Question

当指针悬停在转换效果上时，转换效果会起作用。但是当鼠标指针被移除时，它会恢复到原始大小。我希望cardLink平滑地缩放到.95，然后平滑地缩放恢复到正常大小。我正在使用React和Sass

.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;

}
}
}

Answer 1

也向初始类添加转换！

.homepage {
&__cardLink {
transition: transform .9s linear; 
transform: scale(1);
text-decoration: none;

@include tablet {
height: 100%;
}
:hover {
box-shadow: 1px 2px 9px 7px #8e8d8a;
transform: scale(0.95);
}
}
}