|
|
語(yǔ)法：
clip : auto | rect ( number number number number )
參數(shù)：
auto : 對(duì)象無(wú)剪切
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需刷新才能執(zhí)行]
這個(gè)是豎著拼接，我們也可以橫向拼接，多寫(xiě)一些的話(huà)可以實(shí)現(xiàn)漸變色，炫啊！
JavaScript技術(shù)：js Clip的奇思妙想之文字拼接效果，轉(zhuǎn)載需保留來(lái)源！
鄭重聲明：本文版權(quán)歸原作者所有，轉(zhuǎn)載文章僅為傳播更多信息之目的，如作者信息標(biāo)記有誤，請(qǐng)第一時(shí)間聯(lián)系我們修改或刪除，多謝。
