Recently I had to create a triangle at the right top corner of a block with a "Pro" label. Something like this: Usually we use borders to create triangles in CSS. But I can never remember how to do that. However, in this case. since the triangle is at the corner of a block, I found another neat trick.
Create triangle badge at the corner of a div
Create triangle badge at the corner of a div
Create triangle badge at the corner of a div
Recently I had to create a triangle at the right top corner of a block with a "Pro" label. Something like this: Usually we use borders to create triangles in CSS. But I can never remember how to do that. However, in this case. since the triangle is at the corner of a block, I found another neat trick.