Any known trick for css svg perspective scene in firefox

Asked Nov 28 '17 at 22:00

Active Nov 28 '17 at 22:44

Viewed 110 times

Problem

I have built a scene that uses SVG and css perspective on the main scene for our company website. This site scrolls sideways not up and down. Firefox has some problems after you reach the end of the scene and come back. Also sometimes when resizing the window the scene goes crazy and the different layers start showing rendering artifacts.

I'm currently using firefox developer edition (58.0b7) on a windows laptop with intel hd graphics but the problem seems to happen on all versions of firefox that I have tested both win and mac.

Is there some sort of known or obscure css trick or workaround to get these artifacts to go away or have I stumbled on a bug?

Chrome and Safari render correctly and don't have these issues.

The rendering artifacts in firefox

How the scene should render

asked Nov 28 '17 at 22:00

Juan Borda

2

Raise a bug in [bugzilla](https://bugzilla.mozilla.org/) with a [mcve]. Your company website is unlikely to be a [mcve] so you'll need to simplify the testcase. – Robert Longson Nov 28 '17 at 22:15
Works like a charm on my firefox 57.0 – Amaury Hanser Nov 28 '17 at 22:19

Any known trick for css svg perspective scene in firefox

Problem

The rendering artifacts in firefox

How the scene should render

0 Answers0