How to layout a custom tab's?

Need to design 3 custom tab. One border-radius and scale for pseudo-classes can not do here. The most difficult is the smooth bottom face. I want to do it without svg, of course. What do you think? Thank you!
prntscr.com/bktzqt
July 8th 19 at 11:50
1 answer
July 8th 19 at 11:52
Solution
Themselves tabs to make using broad (overlapping) images (perhaps with css clip-path; although, like you can do without it) and use a negative z-index for all inactive tabs with the positioning of the tap (on the Y-axis, i.e., the active "raising" via JS).
And there is an example similar. Has already begun to do so. In css porridge until it turns - shawn47 commented on July 8th 19 at 11:55
: the example is, unfortunately, no. - Kyleigh_Hills commented on July 8th 19 at 11:58

Find more questions by tags CSSHTMLSVG