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

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

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

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

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

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

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

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

相關文章

最新評論