Hello friends
I am new here and hope some of you will be able to help me.
I am trying to create a lotus made of only css.
I have the following code which works pretty well but am not able to make the ends more pointy like a real lotus.
.lotus-detox {
width: 200px;
height: 100px;
background: #ff3399;
-moz-border-radius: 100px / 50px;
-webkit-border-radius: 100px / 50px;
border-radius: 100px / 50px;
-webkit-transform: rotate(15deg);
opacity:0.85;
}
I am trying to reproduce this:
http://healingaia.com/img/nutrition-lotus.png
Is this even possible or am I wasting my time.
Thank you for your advice