Well you need to add browser prefixes at this time, because non prefixed is more for future proofing (isn’t functional right now). Also, just for the sake of efficiency. saying border-radius: 10px; is the same as saying border-radius: 10px 10px 10px 10px; however is just extra typing. I assume you know that for each value of 10, or whatever number it is, is for each corner of the box. Declaring just browser-radius: 10px tells the browser to keep adding that value to each corner till it runs out.
That’s strange, I still can’t get it to work, even when I put every prefix under the sun on them. Any chance you could share the code you used? [Here’s](http://codepen.io/David_Leitch/pen/hdsID “http://codepen.io/David_Leitch/pen/hdsID”) what I was experimenting with.
I’m but a poor uni student. Maybe Santa will drop it down the chimney for me. To be honest, I just haven’t had the energy to upgrade and if it’s anything like iTunes 11, I’m not going to run towards it hehe
@joshuanhibbert I’m glad you said > I would highly recommend that you avoid the use of extra markup for styling purposes. Yes, it’s not a good practice and I’ll avoid it. @chrisburton, I thought the same thing and cleared my cache – but maybe I just need to do it again. Will do.
It’s a regression in Chrome. Works fine for me in Stable and dev build, but in Canary the corners are not rendering properly. Things break often in Canary but are fixed before moving to stable. I’m on mountain lion, mac, retina.