Forums

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

Home Forums CSS help restyling svg path

  • This topic is empty.
Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #206679
    frolic
    Participant

    I’m just learning css and find anything involving numbers confusing so I’m just going to ask…

    This appeared in a wordpress theme I’m working on. It creates a line of upside down wave shapes. I want the “waves” to be right side up. I can see there’s an obvious pattern, but can’t tell what coordinate controls what.

    d=”M0 100 Q 5 40 10 100 Q 15 40 20 100 Q 25 40 30 100 Q 35 40 40 100 Q 45 40 50 100 Q 55 40 60 100 Q 65 40 70 100 Q 75 40 80 100 Q 85 40 90 100 Q 95 40 100 100 ”

    THANKS

    #206680
    Shikkediel
    Participant

    So just a vertical flip? I did this with Inkscape :

    d="m 0,70 q 5,60 10,0 5,60 10,0 5,60 10,0 5,60 10,0 5,60 10,0 5,60 10,0 5,60 10,0 5,60 10,0 5,60 10,0 5,60 10,0"
    

    codepen.io/anon/pen/ZGNXeN

    #206681
    frolic
    Participant

    Yep, just vertical. I got thru view boxes before brain exploded. Looks like changing whatever coordinate was 40 to 60 should flip it.

    THANK YOU!

    http://angle.oxygenna.com/section-decorations/

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