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?