Join the social network of Tech Nerds, increase skill rank, get work, manage projects...
 
  • How to make dashed border circle div?

    • 0
    • 0
    • 0
    • 0
    • 0
    • 0
    • 0
    • 0
    • 278
    Comment on it

    Hello readers,

    Question is how to make dashed border circle div ? Its looks so easy but its not.

    For example below code -

    div{
        height:100px;
        width: 100px;
        background-color: #ccc;
        border-radius: 50%;
        border: 3px dashed #333;
    }

     In this code, I simply added border radius and border. Its working fine in Chrome but not working in firefox, it just showing a solid border in FireFox.

    So, Here I need to make SVG or PNG (image) for FireFox support there is no other option to do this, the CSS prefix also not helpful.

    Actually, this is a bug in Mozilla see more.

 0 Comment(s)

Sign In
                           OR                           
                           OR                           
Register

Sign up using

                           OR                           
Forgot Password
Fill out the form below and instructions to reset your password will be emailed to you:
Reset Password
Fill out the form below and reset your password: