CODEWITHSUNDEEP
twitter-bootstraptwitter-bootstrap-3
MicroSumol
MicroSumol

Reputation: 1474

Bootstrap image with only one corner rounded

Is it possible to make only a single corner rounded with bootstratp?

For example:

img src="cinqueterre.jpg" class="img-rounded" alt="Cinque Terre" width="304" height="236"

I am trying to round the top right corner.

This seems to be possible with Jquery, but I am wondering if there is even an easier way.

jQuery('#flow').corner("TR 15px");

Thank you for reading.

Upvotes: 1

Views: 4388

Answers (2)

jofftiquez
jofftiquez

Reputation: 7708

Try this.

HTML

<img id="doge" src="https://pbs.twimg.com/profile_images/378800000822867536/3f5a00acf72df93528b6bb7cd0a4fd0c.jpeg">

CSS

#doge{
    width:250px;
    border-top-right-radius: 15px;
}

DEMO

Upvotes: 3

Itamar L.
Itamar L.

Reputation: 519

Use this CSS style border-top-right-radius: 15px

Upvotes: 0

Related Questions