Grow your CSS skills. Land your dream job.

Outline Radius?

  • # June 26, 2013 at 11:54 pm

    Hey guys im wondering if there is such a thing as an outline radius. Dont comment if your going to tell me about BORDER RADIUS’S.

    # June 27, 2013 at 12:02 am

    Can you elaborate? What do you mean by outline radius?

    # June 27, 2013 at 12:57 am

    no there is not

    Simple, fake it with a pseudo-element in absolute, a litlle larger than parent.

    if you a background-color, then you can fake it with multiple box shadow, first shadow being same color as background.

    If you have a background as an image, then you can fake it with border and inside/out shadows

    And so on with radial-gradient() ; and cause i’m running out of ideas ;) .

    # June 27, 2013 at 2:35 am

    Mozilla has a proprietary thing called moz-outline-radius but it’s not ideal. You should probably use a border or a box-shadow instead of an outline.

    # June 27, 2013 at 3:16 am

    Okay thanks guys I was just wondering.

    # June 27, 2013 at 3:34 am

    welcome, here examples of ideas i talked about: http://codepen.io/gcyrillus/pen/BvCuH if that helps anyone.

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

You must be logged in to reply to this topic.

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