How to create rounded border on bottom of ion-toolbar/ion-header

Ionic Framework
1

Is there any way to apply a rounded border on the bottom of an ion-toolbar or ion-header? Applying a border-radius property to either element seems to have no effect. If anyone has any tips and/or ideas on how to create this effect that would be much appreciated!

2

You could do something like this

But I’d keep in mind, this isn’t really a design pattern you see from Material Design or Apple’s Design Guidelines. So I don’t really recommend it

3

As i’ve got a similar need, and also a similar problem…
I found a solution in another thread here:

This work perfectly for me:

ion-header {
	ion-toolbar {
		border-radius: 0 0 40px 40px;
		overflow: hidden;
	}
}