It does not support safari

[franyerverjel]

It does not work well on safari.

[franyerverjel]

I modified the css prefixes and it worked.

[hellsan631]

could you submit a PR with these modified prefixes?

[popmatik]

I'd love to know what you changed to get things working in Safari 👍

[popmatik]

I ran the perspectiveRules.css through a prefixer and got the following:

` .ld-smart-container { position: absolute; z-index: 2; width: 100%; height: 100%; overflow: hidden; }

.ld-overlap-container { position: absolute; }

.ld-smart-container .ld-3d-parent { width: 100%; height: 100%; pointer-events: none; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-perspective: 9000px; perspective: 9000px; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; position: relative; }

.ld-smart-container .ld-transform-target { position: relative; -webkit-transform-style: flat; -webkit-backface-visibility: hidden; -webkit-transform: translate3d(0px, 0px, 0px); width: 100%; height: 100%; pointer-events: none; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; }

.ld-smart-container .ld-3d-object { position: absolute; pointer-events: none; -webkit-transform-style: flat; -webkit-backface-visibility: hidden; -webkit-transform: translate3d(0px, 0px, 0px); -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-perspective: 1000; backface-visibility: hidden; -webkit-perspective: 1000px; perspective: 1000px; }`

It works in Safari with that.

[hellsan631]

@popmatik would you be able to submit a PR that fixes this issue?