復(fù)雜剪輯路徑和CSS3視覺(jué)生成器Clippy：對(duì)于復(fù)雜剪輯路徑和CSS3視覺(jué)生成器，SS屬性剪輯路徑允許您通過(guò)使用復(fù)雜剪輯路徑來(lái)確定并非框的所有內(nèi)容都顯示在瀏覽器中。這樣，強(qiáng)大的效果是可能的Web應(yīng)用程序Clippy照顧你的代碼。您可以立即將剪輯放在路徑上以查看結(jié)果。

　　CSS屬性clip path clip path是該屬性的繼承者。以前，剪輯只能是矩形的。新的屬性剪輯路徑可以創(chuàng)建幾乎任何需要的形狀剪輯路徑。

　　除了基本形狀（如圓、橢圓或多邊形）外，還可以使用SVG形狀作為剪裁路徑形狀。這在顯示方面實(shí)現(xiàn)了一種新的、以前不可能實(shí)現(xiàn)的靈活性。只要形狀路徑點(diǎn)相同，也可以對(duì)其應(yīng)用CSS動(dòng)畫(huà)和變換，從而產(chǎn)生非常微妙的運(yùn)動(dòng)效果。

　　Bennett Feely和他的CSS實(shí)驗(yàn)

　　普通讀者已經(jīng)知道Bennett Feely來(lái)自賓夕法尼亞州匹茲堡。兩個(gè)月前，我們?cè)谶@里展示了我們自己的項(xiàng)目形象影響力。圖像效果是組合智能使用的一個(gè)例子，不同CSS屬性的現(xiàn)代重復(fù)允許您創(chuàng)建此時(shí)無(wú)法使用純CSS創(chuàng)建的圖像效果。imageimpact是一個(gè)可視化的工作軟件，它可以自動(dòng)為您生成所需的代碼片段。

　　Clippy的工作方式非常相似，但看起來(lái)更加優(yōu)雅，并提供了更通用的編輯界面。這樣就很容易開(kāi)始了。

　　26個(gè)基本形狀是前1000步的完美裝備。按鈕自定義多邊形您需要幾個(gè)步驟，因?yàn)樗试S您創(chuàng)建復(fù)雜的形狀，只要您想要的圖像中的路徑點(diǎn)自動(dòng)連接Clippy。

　　深圳網(wǎng)站建設(shè)

　　在預(yù)覽窗口下方，永久顯示當(dāng)前CSS代碼，您可以使用剪貼板將其復(fù)制到項(xiàng)目中。根據(jù)顯示的代碼，也可以使用CodePen并繼續(xù)嘗試。

　　記住，Clippy只有生成的代碼是剪切路徑。您必須自己添加相應(yīng)的圖像，并且周?chē)仨毷謩?dòng)創(chuàng)建形狀文本流。為此，請(qǐng)使用相關(guān)形狀的數(shù)組，例如“變形”。

　　輸入Clippy并決定是否使用瀏覽器前綴WebKit使AppleSafari瀏覽器中的代碼正常工作。到目前為止，沒(méi)有瀏覽器完全支持剪輯路徑。剪輯路徑當(dāng)前不支持微軟、Internet Explorer和邊以及Opera Mini。在Firefox中，您需要通過(guò)參考用于生成剪輯路徑的標(biāo)志來(lái)設(shè)置適當(dāng)?shù)脑O(shè)置。

http://www.dongguanlifeng.com/jianzhanzhishi/1256.html 復(fù)雜剪輯路徑與CSS3可視化生成器