• HOME
  • SOFTWARE
  • clip-path maker 「Clippy」で簡単にクリップパスを作成する方法

2020/07/18 1:55

clip-path maker 「Clippy」で簡単にクリップパスを作成する方法

WEBサービスの「Clippy」というサイトを使って、ブラウザ上で簡単に直感的にクリップパスの作成とコードを取得する方法をご紹介します。

 

サイトURL

 

・Clippy

https://bennettfeely.com/clippy/

 

 

使い方

 

サイトを開いて、右のサイドバーから切り抜く形、サイズや背景等をカスタムできます。

 

 

形は直感的にドラッグで変更できます。

 

 

好みの形に仕上がったら下のコードをコピーしてcssとして使うだけです。

 

 

※IEは非対応かもしれません

 

 

簡単ですね!

 

現場から以上です!

2149

PICK UP