search

lusaxweb / vuesax-next

Vuesax v4: framework components for Vuejs
https://vuesax.com/
GNU General Public License v3.0
1.82k stars 200 forks source link

CSS for fixing Safari transition effect #264

Open ziegenhagel opened 2 years ago

ziegenhagel commented 2 years ago

When hovering over a card or an avatar in safari, during the transition the border radius snaps to 0 and then goes back to 20px. These lines fix this bug:

.vs-card__img, .vs-card__img img {
    transform: translate3d(0, 0, 0);
}
.vs-avatar-content:hover img {
    /* transform: scale(1.1); */
    transform: scale(1.1) translate3d(0, 0, 0);
}