Forums

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

Home Forums CSS [Solved] CSS Half Circle border a.k.a Smile

  • This topic is empty.
Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #189449
    fatimam
    Participant

    Hi everyone, I’m trying to make a half circle white border within a circle using CSS only instead of SVG. Like a smiley face with no eyes. Does anyone out there have any ideas on how to do this?

    Thanks! :)

    #189456
    Paulie_D
    Member
    #189462
    Jozsef K.
    Participant

    Hi. You could also use just simple ascii code.

    http://jsfiddle.net/josekerekes/k92e5od2/

    #189463
    Paulie_D
    Member

    Yeah but you can’t animate that. Try hovering the smiley. :)

    #189464
    Jozsef K.
    Participant

    That is true and also the effect is very cool. This way you can also animate the mouth (from grumpy face — horizontal line — to smiley face)

    #189517
    fatimam
    Participant

    THANK YOU!!

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