1222115 - svg clipping

Status: RESOLVED DUPLICATE of bug 1075457

(Firefox :: Untriaged, defect)

Description

[[e-mail]]

User Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10.10; rv:41.0) Gecko/20100101 Firefox/41.0
Build ID: 20151014143721

Steps to reproduce:

I made a parallax effect and html5 animated background. I am so proud of myself :),
Anyway style.css line 57-58 works like a charm with chrome and safari:

-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 66.5% 100%, 66.5% 19.5%, 0 19.5%);
	clip-path: polygon(0 0, 100% 0, 100% 100%, 66.5% 100%, 66.5% 19.5%, 0 19.5%);

FIREFOX NOT EVEN CAN HANDLE SVG FOR SOME REASON.

(full source code attached)



Actual results:

DIV layer clipping does not work as on chrome

(full source code attached)


Expected results:

Check on google chrome

(full source code attached)

Comment 1

[[e-mail]]

Attachment: Archive.zip

SOURCE CODE

Comment 2

[Robert Longson [:longsonr]]

That's not an SVG clip-path, it's a CSS clip-path. We support SVG clipPaths where the path is defined in SVG markup. CSS clip-path implementation is in-progress.