WEB時短ツールは、Webのお仕事を快適にする便利なオンラインツール・素材へのリンク集。今日も少し早くお家に帰れますように。

現在の登録数:435サイト

CSSのclip-pathで遊べるジェネレーター Clippy

2015/01/08

サイト名: CSS clip-path maker Clippy [ http://bennettfeely.com/clippy/ ]

カテゴリ: CSS関連

タグ:

概要:

CSSのclip-pathプロパティを使って、クリップパスを簡単に生成できるオンラインサービスです。

使い方

20150108-7
右サイドバーから形やサイズ、背景を選んでカスタム可能です。
切り抜く形を選ぶエリア、UIが素敵です。

20150108-8
カスタムポリゴンも作成可能です。

20150108-9
お気に入りの形が出来たら、画面左下からコピーできます。

20150108-10
残念ながら、clip-pathプロパティはIE非対応・・・。