-
Posts
10 -
Joined
-
Last visited
Content Type
Forums
Gallery
Blogs
Events
Store
Downloads
Profiles
Posts posted by Siennasocialstudio
-
-
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!
Image Card Flip on Hover Glitch
in Customize with code
Posted
If anyone finds a fix for this I would be so grateful!