curiouswebster
asked on
Need to add a "dog ear" to a square image
I have a Puzzle Piece class but need an additional class which makes the image look like the upper right corner of the page is folder over.
.puzzle-piece {
width: 12.5%;
float: left;
box-sizing: border-box;
position: relative;
border-bottom: 2px solid blue;*/
text-align: center;
z-index: 10;
}
So, when I add that class, I want to see what looks like a small black triangular corner being added to the image in the upper right corner.
How do I do that in CSS?
.puzzle-piece {
width: 12.5%;
float: left;
box-sizing: border-box;
position: relative;
border-bottom: 2px solid blue;*/
text-align: center;
z-index: 10;
}
So, when I add that class, I want to see what looks like a small black triangular corner being added to the image in the upper right corner.
How do I do that in CSS?
ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
You are welcome.
ASKER
I thought using ngClass would be super-simple. Here is a follow-on question...
https://www.experts-exchange.com/questions/29063729/Angular-Why-is-ngClass-not-working-with-my-boolean.html
https://www.experts-exchange.com/questions/29063729/Angular-Why-is-ngClass-not-working-with-my-boolean.html
ASKER
Follow-on question to the linear-gradient CSS...
https://www.experts-exchange.com/questions/29063854/Angular-CSS-This-method-of-adding-a-dog-ear-looks-choppy.html
https://www.experts-exchange.com/questions/29063854/Angular-CSS-This-method-of-adding-a-dog-ear-looks-choppy.html
ASKER
Thanks!