KPC
Kevin Powell - Community•5mo ago
i_lost_to_loba_kreygasm

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

can anyone tell how I can do this ? I hope I am clear
No description
2 Replies
capt_uhu
capt_uhu•4mo ago
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
MarkBoots•4mo 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;
}
Want results from more Discord servers?
Add your server
More Posts
Sanitize user input to avoid XSS attacks QuestionI have username and password for login and want to avoid the cross site scripting. I read that usingIdea for auto-width animation?Basically, for my element to have a smooth, auto width transition when content of it is changed. ExIs really necessary to learn React or Angular for front end?Hi, i just started diving into React and i don't understand why is used. To me it seems like it overStupid question: how do I view github repo files in Github desktop app?Attached is a picture of my Github Desktop. I would like to view the root directory of this reposiI'm having problems with some images in my project. They're not displaying the way they should.So they're displaying in a pretty weird way. I want to display the image so that the dogs are visiblOn Kevin's recent FlexBox deep-divehttps://youtu.be/FD3aC_Ke8uk?si=wDDdxspRXQ2kqyTE Should you read this, thank you Kevin for this vid