|
|
語法：
clip : auto | rect ( number number number number )
參數：
auto : 對象無剪切
rect ( number number number number ) : 依據上-右-下-左的順序提供自對象左上角為(0,0)坐標計算的四個偏移數值，其中任一數值都可用auto替換，即此邊不剪切 。
需要注意的是
1.clip屬性一定要和position:absolute配合使用。
2.裁切參考點始終是左上角，這點和margin,padding不同。
例：
<div style="position:absolute;clip:rect(10px auto 80px 5px)"></div>
我們可以使用clip實現各種元素的裁切和拼接。
經典的文字拼接實現，多彩文字效果：
[Ctrl+A 全選 注:如需引入外部Js需刷新才能執行]
這個是豎著拼接，我們也可以橫向拼接，多寫一些的話可以實現漸變色，炫啊！
JavaScript技術：js Clip的奇思妙想之文字拼接效果，轉載需保留來源！
鄭重聲明：本文版權歸原作者所有，轉載文章僅為傳播更多信息之目的，如作者信息標記有誤，請第一時間聯系我們修改或刪除，多謝。
