Manipulating ion-tabs

Hello everyone, i have been trying to recreate ion tabs like what we have in this design using ionic and i can’t seem to get it right. Can you share your thoughts on the best approach to solve it.
Thanks in advance.

Here is the design :point_down:t5:
Screenshot 2021-03-19 at 16.37.14

Nice design!

Some thoughts -

  1. make the default tabbar transparent - four buttons (not the middle one)
  2. create the wavy pattern as alternative, maybe even with the icons embedded.
  3. tabbarbuttons transparent to make them response to action
  4. the home button as a separate button, not part of the tabbar. Don’t try to carve it out.

All through CSS.

No coding example here.