Странный уголок, как сделать?

Question

[Darkness]

:before? Спасибо за помощь и подсказку!

Answer 1

[Пащук Илья]

Если присмотреться то этот уголок скруглен так не сделать через бордер, можно через пути сделать, но я рекомендую через svg вот лови: линк

$color: #00AFF3;
$corn: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2096%20100%22%3E%0A%3Cpath%20fill%3D%22%2300AFF3%22%20d%3D%22M96%2C100L40.7%2C50L4.1%2C13.9C-1.1%2C8.8%2C2.5%2C0%2C9.8%2C0H96V100z%22/%3E%0A%3C/svg%3E%0A');
	

.parrent {
	display:flex;
	width: 100%;
	height:300px;
	
	padding: 20px;
	border: 1px solid green;
	
	&__block{
		position: relative;
		
		width: 100px;
		height: 100px;
		
		background: $color;
		
		&:before {
			position: absolute;
			top: 0;
			width:10px;
			height:10px;
			
			content:'';
			
			background-image: $corn;
			background-size: 10px;
				
			transform: translate(-98%,0);
		}
	}
}

В принципе если захотеть можно и поменять цвет чисто в коде стилей

Answer 2

[Максим Тимофеев]

:before?

да + треугольник из бордера

Answer 3

[Валентин]

div{
  width: 150px;
  height: 150px;
  background: blue;
  position: relative;
  margin: 20px;
}

div:before{
  content:'';
  position: absolute;
  border: 20px solid transparent;	
  border-top: 20px solid blue;
  border-right: 20px solid blue;
  top: 0;
  left: -20px;
}