How to implement a block of such a form?

A

Andrew Sky2015-09-21 17:00:34

css

Andrew Sky, 2015-09-21 17:00:34

How to implement this slider? clip-path, mask, mask-image properties are not suitable. They are only supported by webkit browsers. Need support for firefox, webkit, safari ios, ie 11, 10.
Block form:

PS Preferably with examples.

Reply

Answer the question

In order to leave comments, you need to log in

3 answer(s)

D

Dmitry Antonov, 2015-09-21
@Sky161

What would be exactly how you want then SVG border-radius I think it will be difficult to achieve jsfiddle.net/ppgjuzcc

D

Denis Ineshin, 2015-09-21
@IonDen

SVG masks . Completely cross-browser.
But I wouldn't bother so much. Cut out the palm trees from above as png with transparency, now masks are not needed.

A

Andrey Goncharov, 2015-09-21
@agmegadeth

you can play around with border-top-left-radius: Xpx/Ypx and border-top-right-radius: Xpx/Ypx