Is it possible to create a border which looks like a really thin oval in CSS?
Image (The image is very bad quality 'cause I drew it in Paint. My Photoshop/Fireworks skills are 0 but I hope you get the idea)
I've been playing around with the border-radius to achieve this but to no avail.
I'm not sure if you just wanted the border to be on the bottom, but here you go: http://codepen.io/ggilmore/pen/LvtEC
Thanks but that's not how I wanted it. Here is a more clear image. It should look like this. Only thinner.
Is something like this what you're after?
http://codepen.io/TheDark1105/pen/CxgDa
or this...http://codepen.io/Paulie-D/pen/ECuDj
@Paulie_D Might wanna change the background color on the :after element :)
border-radius:100% ⇒ http://codepen.io/tovic/pen/zwEnt
border-radius:100%
Actually, values between 50% and 100% give the exact same rendering for the border-radius property. Unless you differenciate x-radius from x-radius, then it can make a difference.
Is it possible to create a border which looks like a really thin oval in CSS?
Image (The image is very bad quality 'cause I drew it in Paint. My Photoshop/Fireworks skills are 0 but I hope you get the idea)
I've been playing around with the border-radius to achieve this but to no avail.
I'm not sure if you just wanted the border to be on the bottom, but here you go: http://codepen.io/ggilmore/pen/LvtEC
Thanks but that's not how I wanted it. Here is a more clear image. It should look like this. Only thinner.
Is something like this what you're after?
http://codepen.io/TheDark1105/pen/CxgDa
or this...http://codepen.io/Paulie-D/pen/ECuDj
@Paulie_D Might wanna change the background color on the :after element :)
border-radius:100%⇒ http://codepen.io/tovic/pen/zwEntActually, values between 50% and 100% give the exact same rendering for the border-radius property. Unless you differenciate x-radius from x-radius, then it can make a difference.