Clip Path not working on Android


#1

I made a ‘radar’ effect inside a hexagonal div. It’s an image rotating and there is a clip-path to make it looks like its inside the hexagonon.

Here is a Fiddle of the same code on my project: https://jsfiddle.net/f6633a79/

The problem is that the clip-path is not working on the Ionic page, even on the Google Chrome and Firefox for Android, but works perfectly on PC, through Ionic serve too.

Here is the result on the device.

I found this topic that seems related, but the suggestion to use SVG on the clip path stills lead to no result. (You can find both methods of clip-pathing on the css file)

Ideas?


#2

Have you tried clip-path with -webkit- prefix?

-webkit-clip-path:

I found out -webkit- prefix fixes some CSS properties on android.


#3

Yeah, I did try too. Same problem