欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

js Clip的奇思妙想之文字拼接效果

 更新時(shí)間:2008年11月02日 00:14:09   作者:  
CSS的確是很強(qiáng)大,很奇妙。很多愛好者時(shí)常可以用CSS做出一些讓人意想不到的效果,比如用CSS做的燈籠、用CSS畫的房子!然而這些東西酷歸酷,說到底還只是一些不實(shí)用的東西。過濾之,過濾之……
那么有人就問了,什么CSS做的效果既奇妙又實(shí)用的呢?Clip,對(duì),就是css里的clip屬性,被多數(shù)人忽略的屬性:

語法:
clip : auto | rect ( number number number number )

參數(shù):
auto :  對(duì)象無剪切
rect ( number number number number ) :  依據(jù)上-右-下-左的順序提供自對(duì)象左上角為(0,0)坐標(biāo)計(jì)算的四個(gè)偏移數(shù)值,其中任一數(shù)值都可用auto替換,即此邊不剪切 。

需要注意的是
1.clip屬性一定要和position:absolute配合使用。
2.裁切參考點(diǎn)始終是左上角,這點(diǎn)和margin,padding不同。
例:
<div style="position:absolute;clip:rect(10px auto 80px 5px)"></div>
我們可以使用clip實(shí)現(xiàn)各種元素的裁切和拼接。
經(jīng)典的文字拼接實(shí)現(xiàn),多彩文字效果:

[Ctrl+A 全選 注:引入外部Js需再刷新一下頁(yè)面才能執(zhí)行]

這個(gè)是豎著拼接,我們也可以橫向拼接,多寫一些的話可以實(shí)現(xiàn)漸變色,炫?。?

相關(guān)文章

最新評(píng)論