Having some trouble with linear gradients in Prince 11. The following document shows what I'm encountering:
I'd expect to see two bars, one with a red to blue gradient and the other with a red to green gradient (due to the green background color specified and the second color stop on the gradient being transparent). But the second gradient doesn't seem to work and I just get a green block.
It seems that linear gradients do not support rgba colours.
Any ideas?
<!DOCTYPE html>
<html>
<head>
<style>
.exhibit-a {
width: 100%;
height: 10em;
background: green linear-gradient(to right, red, blue);
}
.exhibit-b {
width: 100%;
height: 10em;
background: green linear-gradient(to right, red, transparent);
}
</style>
</head>
<body>
<div class="exhibit-a"></div>
<div class="exhibit-b"></div>
</body>
</html>
I'd expect to see two bars, one with a red to blue gradient and the other with a red to green gradient (due to the green background color specified and the second color stop on the gradient being transparent). But the second gradient doesn't seem to work and I just get a green block.
It seems that linear gradients do not support rgba colours.
Any ideas?
