Site URL: https://www.vintagetimbers.net
Hello,
I did some coding for my image cards on the homepage to rotate on hover using the code:
/*roatating image on hover*/
.design-layout-poster img, .design-layout-poster .image-overlay{
transition: 1s
}
.design-layout-poster:hover img,.design-layout-poster:hover .image-overlay{
transform: rotateY(180deg);
transition: 1s
}
.image-card-wrapper{
transform:rotateY(180deg)!important;
opacity:0;
transition: 1s;
}
.design-layout-poster:hover .image-card-wrapper {
opacity:1!important;
transform:rotateY(0deg)!important;
background: #3E4450;
transition: 1s;
}
But for some reason on Chrome it works perfectly and on Safari it glitches out. Does anyone have an answer/suggestions to fix this problem?
The site is www.vintagetimbers.net
and the password is vintagetimbers
Thanks so much!