Valid 'background-clip' Value not Recognized
Hello Syslifters Team,
There appears to be an issue with a specific CSS property in SysReptor Version 2025.12.
I'm trying to create text with a color gradient by setting the 'background-clip' CSS property to 'text' as described below: https://developer.mozilla.org/en-US/docs/Web/CSS/background-clip
SysReptor does not recognize 'text' as a valid value for 'background-clip':
Here is example HTML/CSS creating the desired effect in a sandbox:
.text-red-blue-gradient { font-size: 80px; background: linear-gradient(to right, red, blue); background-clip: text; color: transparent; }
As pictured above, this CSS should create a linear gradient background image, and then 'clip' the background to only cast the colors onto the text.
Because the 'background-clip' property is ignored when the value is set to 'text', SysReptor renders the entire background making the text invisible:
Hi,
we use the WeasyPrint library for rendering HTML+CSS to PDF. WeasyPrint has not implemented CSS Backgrounds Module Level 4 yet (where background-clip: text is defined), only CSS Backgrounds and Borders Module Level 3.
Please open an issue at the WeasyPrint repository.
The best alternative seems to be embedding an SVG, if you have a static text.
Tracked in https://github.com/Kozea/WeasyPrint/issues/2378