封装了一个自动生成渐变字的JS类(clip)_javascript技巧

CSS+js多彩渐变字使用说明

首先在HTML页面中引入clip.js，然后给需要渐变效果的HTML元素（比如SPAN）添加name属性和rel属性，格式如下：


<span name="clip:g" rel="#00ffff-#000000">蓝黑渐变文字</span>

1. name属性作为渐变标示，name值不正确，将不会产生效果；
2. rel值提供头和尾的颜色，以16进制颜色代码为准，格式为"起始颜色-末端颜色"，其他格式不予支持。格式不正确将不产生效果。
3. 最后需要在页面上加上clip.gradient().init({t:["SPAN","A"]});这段代码生成渐变色。

演示：蓝黑渐变文字

这是一段文字，我们可以随意挑选几个字做渐变效果，字体的样式随页面的全局样式变化，和本JS无关，这里用黑体可以看的更仔细。

由红转灰的渐变链接：我是连接，用A标签

Designed by Silence,转载请注明出处

http://www.silentash.com/?id=110