无论如何,我可以进行文本渐变吗?我有这个
<p>TEXT</p>
可以使用CSS使文本从上到下渐变吗?
我希望得到相同的结果 background: linear-gradient(#fbfbfb, #f2f2f2);
但仅适用于文本而不是整个背景。我看起来像这样:
color: linear-gradient(#fbfbfb, #f2f2f2);
当我想要一个在所有浏览器中都能使用的解决方案时,我最终使用了jQuery插件。我用了这个http://www.codefocus.ca/goodies/gradienttext
HTML:
<div id="example1">TODO write content</div>
JS:
$(document).ready(function(){
$('#example1').gradienttext({
colors: [
'#FF0000',
'#FF6600',
'#CCFF00',
'#00FF00',
'#0066FF',
'#FF00FF'
],
style: 'horizontal'
});
});
并包含适当的js(jQuery和GradientText v0.1)
但是还有很多其他插件可以使用。您可以检查:
- http://jquery-plugins.net/tag/gradient
- http://mrnix.ru/pxgradient/index_en.html
- https://github.com/Se7enSky/jquery-text-gradient
PS感谢您的回答,这些回答向我表明,纯CSS无法实现我想要的功能。
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句