Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

CSS CSS Basics (2014) Enhancing the Design With CSS Border Radius

Dennis Le
Dennis Le
12,872 Points
Posted by Dennis Le
Dennis Le
12,872 Points

Chrome -webkit-border-radius bug? Please explain?

During the CSS Stage 6 Rounded Corners: Front End Web Development, after first border radius was not applying. I was following the video exactly.

After reading some articles, I do not really comprehend the topic. Even applying the webkit, some say it is not very effective...so I am more confuse...some say apply jQuery.

So what is the best way to apply border-radius?

http://css-tricks.com/forums/topic/chrome-webkit-border-radius-bug/

2 Answers

Emma Willmann
seal-mask
.a{fill-rule:evenodd;}techdegree seal-36
Emma Willmann
Treehouse Project Reviewer
Emma Willmann
.a{fill-rule:evenodd;}techdegree seal-36
Emma Willmann
Treehouse Project Reviewer

Also, just a thought on that article you linked to. That was written 4 years ago. Since then, support for border-radius has vastly improved. If you are looking at an article from that long ago about a bug, it's best to check caniuse.com. You can see that Chrome has had support for border-radius unprefixed since at least version 31.

Dennis Le
Dennis Le
12,872 Points
Dennis Le
Dennis Le
12,872 Points

Emma, thank for your information and help. Have a great day!

Dustin Matlock
Dustin Matlock
33,856 Points
Dustin Matlock
Dustin Matlock
33,856 Points

Dennis, can you post your code? The CSS property border-radius is mostly supported now. You shouldn't need -webkit-border-radius unless you're supporting older browsers.

For example:

border-radius: 1em;

should work just fine, but you can add the prefix for older browsers. See WebKit notes at the MDN.

Dennis Le
Dennis Le
12,872 Points
Dennis Le
Dennis Le
12,872 Points

Dustin, thanks for taking your time to review my question. I was just missing a semicolon on another decoration.