Forum How do I...?

CSS Triangle with opacity


We try to create an CSS triangle with opacity, however the triangle is outputted correctly but the opacity isn't working. We use the code below to display the triangle with opacity:

.triangle {
width: 0;
height: 0;
border-left: 50px solid transparent;
border-right: 50px solid transparent;
border-bottom: 80px solid rgba(0, 0, 0, 0.5);

Does anyone have an idea on how to fix this?
That's odd, we will investigate this issue.
It's a bug, and we will fix it in the next maintenance release. Thank you for letting us know. :)
Prince 10 rev 5 is now available and includes a fix for this issue.