Home > DeveloperSection > Forums > Circle CSS is not working on mozilla?
Simons Hood
Simons Hood

Total Post:70

Points:494
Posted on    May-20-2013 8:56 AM

 CSS-CSS3 CSS-CSS3 
Ratings:


 1 Reply(s)
 1243  View(s)
Rate this:
Hi Developers,

I have to design a circle in my web page using css.
I have written the following code in my application

#circle
{
    width:100px;
    height:100px;
    background-color:Aqua;
    border-radius:50px;
}

this code is running good in Internet explorer, opera and google chrome but not working in mozilla firefox

Your help will be appreciated.


Sumit Kesarwani

Total Post:378

Points:2694
Posted on    May-20-2013 9:02 AM

Hi Samuel,

Yon can use the following code 

#circle
{
    width:100px;
    height:100px;
    background-color:Aqua;
     -moz-border-radius:50px;
    -webkit-border-radius:50px;
    border-radius:50px;
}

I hope this code will solve your problem

Don't want to miss updates? Please click the below button!

Follow MindStick