The forums ran from 2008-2020 and are now closed and viewable here as an archive.
Home › Forums › CSS › CSS3 transition not working in Safari
Is this not the proper why to right the transition rule for Safari?
-webkit-transition: transform 0.3s ease 0s, opacity 0.2s ease 0s; /* Chrome 1-25, Safari 3.2+ */
http://cdpn.io/rynKb
https://css-tricks.com/almanac/properties/t/transition/
To be honest I have no idea what the Codepen is supposed to be doing. It looks broken to me, what with unlinked images, displaced/disjointed text etc.
Would it be possible to make proper reduced case?
That said,
-webkit-transition: -webkit-transform 0.3s ease 0s, opacity 0.2s ease 0s;
should work.