how to make this black top left corner on the image ?

can anyone tell how I can do this ? I hope I am clear

2 Replies

immediate thought was a pseudo element but <img> tags can't have those so you'd need a wrapper. Here's a go with a conic-gradient border-image: https://codepen.io/jsnkuhn/pen/LYaXLOm

MarkBoots•10mo ago

personally i would use a background clipped to the borderbox that way you can also easily add a border-radius (not posible with border-image)

img {
  border: 10px solid transparent;
  background: linear-gradient(black 0 0) top left / 120px 120px no-repeat border-box;
}

img {
  border: 10px solid transparent;
  background: linear-gradient(black 0 0) top left / 120px 120px no-repeat border-box;
}

Gaming

Programming

how to make this black top left corner on the image ?