This tool will let you generate some text with a linear or radial gradient fill. You can add multiple layers to create interesting effects.
background-clip: text is currently not officially supported, it's actually fairly well supported (over 95%) when using the
Unfortunately Internet Explorer does not support this property at all, so instead of setting the
linear-gradient and the
transparent, we set the
-webkit-linear-gradient and the
transparent. This allows IE to gracefully fall back to just rendering the text.
-webkit-linear-gradient property takes its angles a little bit differently to
-webkit-conic-gradient property doesn't actually exist. We need the
-webkit- prefix so Internet Explorer doesn't render a background for us. Internet Explorer doesn't actually support conic gradients anyway so we could use the unprefixed version here, but it would get rendered incorrectly on a handful of other browsers that do support
conic-gradient but not