Tag: Rounded Corners

CSS – Rounded Corner with shadow

Target Audience : Web Developers Hello, web developers! Here I would like to tell you how to make the round corner with shadow for banners or any other components of html. Look the code below: -moz-border-radius-bottomright: 14px; -moz-border-radius-bottomleft: 14px; -web-border-radius-bottomright: 14px; -web-border-radius-bottomleft: 14px; -webkit-border-radius-bottomright: 14px; -webkit-border-radius-bottomleft: 14px; border-bottom-right-radius: 14px; border-bottom-left-radius: 14px; -moz-box-shadow: 0 0 25px …

Continue reading

Permanent link to this article: https://blog.openshell.in/2011/05/css-rounded-corner-with-shadow/

Rounded Corners

When CSS3 is fully supported across browsers rounded corners will be as simple as: .element {border-radius: 5px} which will set a 5px radius on all 4 corners. For now we need some browser specific CSS combined with a little JavaScript to make this work in all browsers. In Safari, Chrome, and other webkit browsers we …

Continue reading

Permanent link to this article: https://blog.openshell.in/2010/11/rounded-corners/