I've coded poster images to flip to show the description when scrolled over. It looks really good on chrome but safari makes it all glitchy. Is this something I can fix? Any advice? Sorry, I can't put the url because the website isn't live yet but here is the code I'm using.
.design-layout-poster img{ transition: 1s}
.design-layout-poster:hover img{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: purple; transition: 1s;}
Larkin got a reaction from Chele in Coding an image to flip smoothly on Safari
