Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS creating a petal shape with css

  • This topic is empty.
Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #36833
    jgessentials
    Member

    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

    #97405
    #97406
    jgessentials
    Member

    Wow that was fast! Thank you this is much better!

    #97407

    No worries :)

    #97410
    jgessentials
    Member

    Perfect!

Viewing 5 posts - 1 through 5 (of 5 total)
  • The forum ‘CSS’ is closed to new topics and replies.