Article - CS334521
Unable to apply gradient to label text using custom CSS code in Chrome browser
Modified: 03-Oct-2024
Applies To
- ThingWorx Platform 8.5 to 9.0
Description
- Unable to apply gradient to label text using custom CSS code in Chrome browser, while it works in Firefox browser
- Below Custom CSS code is added to the Custom CSS section of mashup
.widget-ptcslabel::part(root){
background-image: -webkit-linear-gradient(bottom,red,blue);
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
}
- Gradient doesn't take effect in Chrome browser and only taking effect on Firefox browser
This is a printer-friendly version of Article 334521 and may be out of date. For the latest version click CS334521