image rounded corners css code example

Example 1: css rounded corners

/* Set rounded corners with border-radius property */

.class {
  border-radius: 4px;
}

.circle {
  border-radius: 50%;
}

Example 2: how to round the edges of an image in HTML

img.rounded-corners {
  border-radius: 30px;
}

Example 3: rounded immage

border-radius: 15px 50px 30px 5px; (first value applies to top-left corner, second value applies to top-right corner, third value applies to bottom-right corner, and fourth value applies to bottom-left corner)

Example 4: how to make an image round css

img {
  border-radius: 50%;
}

Example 5: rounded scrolling images

<div class="MagicScroll" data-options="loop: rewind;">    <img src="example1.jpg" />    <img src="example2.jpg" />    ...</div>