square photos code example

Example 1: Square Images

<img class="circular--square" src="woman.png" />

Example 2: Square Images

.circular--square {
  border-radius: 50%;
}

Example 3: Square Images

.circular--square {
  border-top-left-radius: 50% 50%;
  border-top-right-radius: 50% 50%;
  border-bottom-right-radius: 50% 50%;
  border-bottom-left-radius: 50% 50%;
}