Forum How do I...?

CSS Triangle with opacity

niekjansen
Hi,

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?
mikeday
That's odd, we will investigate this issue.
mikeday
It's a bug, and we will fix it in the next maintenance release. Thank you for letting us know. :)
mikeday
Prince 10 rev 5 is now available and includes a fix for this issue.