xxxxxxxxxx
img{
clip-path: circle();
}
or
img{
border-radius: 50%;
}
xxxxxxxxxx
<!DOCTYPE html>
<html>
<head>
<style>
.circle-image {
width: 200px; /* Adjust the size as per your requirements */
height: 200px;
border-radius: 50%;
overflow: hidden;
}
</style>
</head>
<body>
<div class="circle-image">
<img src="path_to_your_image.jpg" alt="Circle Image">
</div>
</body>
</html>
xxxxxxxxxx
img{
clip-path: circle();
}
or
img{
border-radius: 50%;
}
clip-path: circle(50.0% at 50% 50%);
xxxxxxxxxx
<style>
.circular-image {
border-radius: 50%;
}
</style>
<img class="circular-image" src="path/to/your/image.jpg" alt="Circular Image">