Dec
10
2008
Rounded corners for less?
Okay I’ve to confess that this trick will only work in Firefox, but for those who doesn’t want to start their Gimp/Photoshop-something for getting rounded corners on page elements, this CSS hack might be a proper solution:
1 | <p style="-moz-border-radius-topleft: 5px; -moz-border-radius-bottomright: 5px; background-color: #ebebeb; padding: 10px; color: #000;">Lorem ipsum dolor sit amet, consectetuer sadipscing elitr, sed diam nonumy...</p> |
By using the CSS extension -moz-border-radius-direction made by Mozilla, this will result in something like:
Lorem ipsum dolor sit amet, consectetuer sadipscing elitr, sed diam nonumy…
No comments