The forums ran from 2008-2020 and are now closed and viewable here as an archive.
Home › Forums › CSS › Curved / dropshadow HR
Hey all, I just got around to publishing this. It works well in most browsers, but I wasn’t overly concerned with degradability, was more just an exercise.
http://www.tastybytes.net/blog/elegant-hr-with-css3
Let me know what you think.
Nice work!
If you use percentages (instead of pixel values) then it will be a bit more flexible: border-radius: 0 0 100% 100% / 0 0 150% 150%;
border-radius: 0 0 100% 100% / 0 0 150% 150%;
Example: http://jsfiddle.net/joshnh/PKSnx/
Ahh, good point joshuanhibbert!!!