周末闲着无事,所以弄了一个JS渐变字的代码
来看看效果吧:http://www.silentash.com/uploads/200811/clip.html
怎么样,效果很炫吧,嘿嘿!
你需要做的只是在HTML页面里面把需要用到渐变色的文字加上外容器(span标签或者a标签都可以),再给这个标签加入clip属性(原来用的是name属性,考虑到name属性可能会被占用,所以现在改成自定义clip属性)做渐变元素的标示,rel属性指示渐变的颜色,rel属性的格式很重要。
clip, font, gradient, javascript, 工具, 渐变文字, 脚本特效
之前用Clip属性实现了文字上下两半不同色彩的拼接。
回顾篇(Clip奇思妙想之一):http://www.silentash.com/blog/2008/104.html
本篇我们用同样的原理,把文字用CLIP属性分的更细,分别着色,然后组合到一起,实现自左到右更精确的色彩渐变。问题是文字细化分割需要用到很多很多个元素,所以这里我们要用程序来控制,自动生成这些元素。
clip, css, font, gradient, javascript, 渐变文字
CSS的确是很强大,很奇妙。很多爱好者时常可以用CSS做出一些让人意想不到的效果,比如用CSS做的灯笼、用CSS画的房子!然而这些东西酷归酷,说到底还只是一些不实用的东西。过滤之,过滤之……
那么有人就问了,什么CSS做的效果既奇妙又实用的呢?Clip,对,就是css里的clip属性,被多数人忽略的属性……
clip, css, font, gradient, 渐变文字