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%;
}

Source: webfx.com

Square Images

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

Source: webfx.com

Square Images

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

Source: webfx.com

Similar codes

1 vote289 views2 answers
Enable socket in php
PHP
4 votes302 views3 answers
Php strict-origin-when-cross-origin
PHP
0 vote303 views1 answer
Php number format without rounding
PHP
0 vote264 views1 answer
Carbon this month first day
PHP
0 vote280 views1 answer
How to return custom error message from controller method validation
PHP
0 vote344 views1 answer
Create fake users on click laravel
PHP Laravel
4 votes356 views2 answers
Wordpress get the short permalink
PHP Wordpress
1 vote347 views1 answer
Laravel get last get request
PHP Laravel
2 votes296 views2 answers
Twig ternary
PHP
8 votes290 views5 answers
Php remove html tags
PHP