images square code example

Example 1: 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%;
}

Example 2: Square Images

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