Grow your CSS skills. Land your dream job.

CREATING A CSS CIRCLE.

  • # September 22, 2012 at 3:20 pm

    Whats the cleanest and simplest way of creating a circle in CSS and then centering a smaller image?

    Here’s what I have so far.

    #circle {
    width: 200px;
    height: 200px;
    -webkit-border-radius: 200px;
    -moz-border-radius: 200px;
    border-radius: 200px;
    background-color: #333;
    }

    Thanks,

    :)

    # September 22, 2012 at 3:33 pm

    I think Chris did something like this in codepen.

    # September 22, 2012 at 3:41 pm
    border-radius: 50%;
    # September 24, 2012 at 2:40 pm

    This should about cover it. (expanding upon HugoGiraudel’s exhaustive post) <3

    http://codepen.io/anon/pen/pEeij

    # September 24, 2012 at 4:36 pm

    I took the time to use <code> and <pre> tags. :P

Viewing 5 posts - 1 through 5 (of 5 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".