More than 5 years have passed since last update.

【スニペット】【scss】画像を円形にくり抜く

Posted at 2016-07-21

<img class="imageArea__img" src="http://placehold.it/130x130">
<!--実際の大きさはscssで決めるのでplacehold.itのサイズは適当-->

@mixin MakeCircle($value) {
  border-radius: $value;
  width: $value;
  height: $value;
}

.imageArea__img {
	@include MakeCircle(80px);
}