JSFiddle - React, Tailwind, and code Playground

by Swami

HTML

<h1>
How to create Circular Images with Pure CSS: Code2care
</h1>

<div>
<img class="circular_profile_pic" src="https://code2care.org/howto/create-circular-image-using-pure-css-code/images/dog-profile-image.jpg" alt="Circular Profile Picture"></img>
</div>

<h2>


Visit Post: <a href="https://code2care.org/howto/create-circular-image-using-pure-css-code">https://code2care.org/howto/create-circular-image-using-pure-css-code</a>
</h2>

CSS

.circular_profile_pic {
  width: 200px;
  height: 200px;
  display: block;
  border-radius: 400px;
  border: 15px solid #111111DD;

}