Oct 14, 2013 · This is do-able with CSS only, using pseudo-elements and CSS3 transform: rotate. It will work with IE9 and above, and all other reasonable browsers, of course. Don't despair.

I'd like to create a round image from a rectangular image using radius-border. Is there simple way to achieve this with CSS without distorting the image AND ensuring a circle is perfectly round. ...

Aug 6, 2021 · CSS div rounded corners. 0. round corners no javascript or css3. 3. Rounded Corners in HTML. 0. CSS ...

Feb 8, 2011 · A few CSS rules are missing, causing cell background to overflow the rounded corners at the top right and bottom right. – Ruud Helderman Commented Jun 13, 2022 at 17:48

As described by its name, box-shadow draws a shadow around the element's box, and not the element's contents, so if the box itself doesn't have rounded corners, then neither will its shadow. You can try applying the same border-radius styles to div.navbar div.navbar-messages as well, so its shadow will curve around the corners:

Jan 10, 2023 · CSS.clipped { --myWidth: 100vw; --myHeight: 10rem; --myRad: 2rem; clip-path: url(#clipped); } I found this useful as compared to using border-radius with overflow set to hidden, because this approach doesn't create a BFC or break things like sticky position and css perspective effects.

Jul 14, 2012 · I would like to make rounded corners only for the top half of buttons. I know how to make rounded corners for all sides using border-radius and -webkit-border-radius. But only like to have corners for the top half. I need some guidance on how to do this in CSS.

Aug 29, 2013 · No, there isn't a way to do it with pure CSS as far as I know. It's not even simple to do it with JavaScript or jQuery. As far as I know, the jQuery plugin you linked is the one that works best for you, especially since you want a cross-browser solution, which advanced CSS3 isn't there yet, and it is the one you should use.

Dec 9, 2024 · Right. If you want rounded corners in IE, you're going to have to use images and strange markup ...

Oct 12, 2013 · use following css property to make rounded corner border -moz-border-radius:0 0 10px 10px; -webkit-border-radius: 0 0 10px 10px; border-radius:0 0 10px 10px; border:1px solid gray; If you use this. please post some codes you used.