Comments on: Rounded Corners http://blog.dynamic50.com/2009/08/12/rounded-corners/ Ruby on Rails, London - The Blog by Dynamic50 Sat, 28 Jan 2012 04:38:18 +0000 hourly 1 http://wordpress.org/?v=3.3.1 By: admin http://blog.dynamic50.com/2009/08/12/rounded-corners/comment-page-1/#comment-2304 admin Tue, 02 Nov 2010 15:00:07 +0000 http://blog.dynamic50.com/?p=467#comment-2304 nice thanks! nice thanks!

]]> By: Kai Chan Vong http://blog.dynamic50.com/2009/08/12/rounded-corners/comment-page-1/#comment-2271 Kai Chan Vong Sun, 31 Oct 2010 14:46:46 +0000 http://blog.dynamic50.com/?p=467#comment-2271 I'd recommend updating this (if you haven't) with mixins! :D Here are mine: +corners($radius) -moz-border-radius: $radius -webkit-border-radius: $radius I’d recommend updating this (if you haven’t) with mixins! :D

Here are mine:

+corners($radius)
-moz-border-radius: $radius
-webkit-border-radius: $radius

]]> By: Simon Tsang http://blog.dynamic50.com/2009/08/12/rounded-corners/comment-page-1/#comment-33 Simon Tsang Fri, 26 Mar 2010 17:22:11 +0000 http://blog.dynamic50.com/?p=467#comment-33 Hi Peter, Thanks for the spot- I've updated the snippets now. As for a div with a border, this technique wouldn't really be suitable I'm afraid :( Off the top of my head, you might be able to get away with using a negative value equal to the border-width instead of 0. For this to work though, you would have to draw a ring of colour inside each circle, with a thickness and colour equal to the border colour and thickness. So for a div with border of 3px, the tl would have position of top:-3px; left:-3px. I'll explore this when I have a spare moment or two! Hi Peter,

Thanks for the spot- I’ve updated the snippets now.

As for a div with a border, this technique wouldn’t really be suitable I’m afraid :(

Off the top of my head, you might be able to get away with using a negative value equal to the border-width instead of 0. For this to work though, you would have to draw a ring of colour inside each circle, with a thickness and colour equal to the border colour and thickness. So for a div with border of 3px, the tl would have position of top:-3px; left:-3px. I’ll explore this when I have a spare moment or two!

]]> By: peter http://blog.dynamic50.com/2009/08/12/rounded-corners/comment-page-1/#comment-32 peter Thu, 18 Mar 2010 07:09:47 +0000 http://blog.dynamic50.com/?p=467#comment-32 Hey Simon, quite nice approach. How would you handle the position of tl,tr,bl,br for a div with a border? BTW: In your last code-sample is a missing blank for .tl top: 0, which results in a mal positioning of that thing. Thanks for sharing this. Peter Hey Simon,

quite nice approach. How would you handle the position of tl,tr,bl,br for a div with a border?

BTW: In your last code-sample is a missing blank for .tl top: 0, which results in a mal positioning of that thing.

Thanks for sharing this.

Peter

]]> By: Francisco http://blog.dynamic50.com/2009/08/12/rounded-corners/comment-page-1/#comment-31 Francisco Fri, 27 Nov 2009 22:22:13 +0000 http://blog.dynamic50.com/?p=467#comment-31 Excellent solution, I really like it. Congratulations, you really make it look easy and clean. Professional. Keep up the good work. Excellent solution, I really like it.
Congratulations, you really make it look easy and clean. Professional.
Keep up the good work.

]]>