Join the social network of Tech Nerds, increase skill rank, get work, manage projects...
 

  • How to make dashed border circle div?

    @mukul.kant
    Recommendations Offline Message

    • 0
    • 0
    • 0
    • 0
    • 0
    • 0
    • 0
    • 0
    • 1.53k
    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.

    dashed border circle div dashed border circle dashed border css css3
    Comment on it

 0 Comment(s)

Sign In
Forgot Password?
                           OR                           
Create an account !!
                           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: