CSSのclip-pathで遊べるジェネレーター Clippy
2015/01/08
使い方
右サイドバーから形やサイズ、背景を選んでカスタム可能です。
切り抜く形を選ぶエリア、UIが素敵です。
カスタムポリゴンも作成可能です。
お気に入りの形が出来たら、画面左下からコピーできます。
残念ながら、clip-pathプロパティはIE非対応・・・。
関連記事:
PC・モバイルのブラウザ対応状況を確認！ Can I use…
よく使うCSS3.0スタイルを簡単作成！ CSS 3.0 MAKER
CSS3グラデーションジェネレータ Ultimate CSS Gradient Generator
HTML5,CSS3コード簡単作成サービス HTML5&CSS3 Tools and Tutorials
作ってコピーするだけ！簡単ボタンジェネレーター CSS3 Button Generator
フォントサイズをバランスよくデザインする Type Scale
180種類のグラデーションギャラリー WebGradients
コピペで使えるアイディア帳 FREEFRONTEND
CSSのclip-pathプロパティを使って、クリップパスを簡単に生成できるオンラインサービスです。