2016-08-23 分類: 網站建設
復雜的剪輯路徑與CSS3視覺生成器
Clippy:對于復雜的剪輯路徑與CSS3視覺生成器,SS屬性剪輯路徑讓你確定不是一個盒子的全部內容是通過使用復雜的剪輯路徑顯示在瀏覽器。這樣,強大的效果是可能的。Web應用程序Clippy照顧你的編碼。你把你的剪輯路徑上立即看到結果。
CSS屬性剪輯路徑
剪輯路徑是該屬性的繼承人短片擴大明顯。以前,短片只允許矩形形狀。新的屬性剪輯路徑您可以創(chuàng)建幾乎任何所需的形狀裁剪路徑。
除了基本的形狀,如圓形、橢圓形、或多邊形,也可以使用SVG圖形作為裁剪路徑的形狀。這達到了一個新的,以前是不可能的,在顯示方面的靈活性。只要你的形狀路徑點的相同,你也可以申請CSS動畫和過渡對他們來說,造成非常微妙的運動的影響。
Bennett Feely和他的CSS實驗
普通讀者已經知道了來自匹茲堡的Bennett Feely,賓夕法尼亞。兩個月前,我們提出了自己的項目圖像的影響 在這里。圖像的影響是組合的智能使用的一個例子,和現代不同的CSS屬性的重復,讓你創(chuàng)造你不會用純CSS在這一點上創(chuàng)建的圖像效果。圖像的影響是一個視覺工作的軟件,它會自動生成所需的代碼片段你。
Clippy在一個非常類似的方式工作,但看起來更優(yōu)雅的外觀,提供了一個更通用的接口編輯。這使得入門很簡單。
26種基本形狀是前1000步的好設備。按鈕自定義多邊形你需要幾步,因為它讓你建立的形狀,如你想的那樣復雜,只要將路徑點的圖像中,自動連接Clippy。
預覽窗口下面,還有當前的CSS代碼永久展示,你復制到你的項目中使用剪貼板。在顯示的代碼的基礎上,改用CodePen和繼續(xù)嘗試那也有可能。
記住,Clippy只有生成的代碼為裁剪路徑。你必須添加相應的圖像自己,和周圍的形狀文本流必須手動地建立。要做到這一點,使用從屬性形狀數組,如形外。
進入Clippy,你決定是否要使用瀏覽器的前綴WebKit,使代碼在蘋果的Safari瀏覽器的作品。截至目前,沒有瀏覽器完全支持剪輯路徑 在它的全部。剪輯路徑目前還不支持微軟的Internet Explorer,和邊緣,以及Opera Mini。在Firefox中你要通過設置適當的設置的旗幟上提到caniuse使剪輯路徑。
網頁題目:復雜的剪輯路徑與CSS3視覺生成器
文章轉載:http://jinyejixie.com/news42/21092.html
成都網站建設公司_創(chuàng)新互聯(lián),為您提供外貿建站、動態(tài)網站、全網營銷推廣、微信公眾號、企業(yè)網站制作、電子商務
聲明:本網站發(fā)布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內容