CSSのclip-pathを自由に作成、編集できるジェネレーターWebサービス 『Clippy』

CSSのclip-pathプロパティを自由に

作成、編集できるジェネレーターWebサービス。

ボタンや背景を自由自在に好きな形で作れる

clip-pathプロパティを画面上で作成できます。

clippy1

Clippy リンク先はこちらから

clippy2

画面右側のパネルより作りたい形状を

選択するとサンプル画像にclip-pathプロパティを

適用したプレビュー画面が表示されます。

CSSコードだけではなかなか難しいパスを

画面上で簡単に確認ができます。

clippy3

また各パスは自由に移動も可能で

好きな形状に編集も可能です。

使う場面やオリジナリティーなWebを作成する際に

ちょっと変わった形など自由に作成が可能です。

clippy4

画面上のパスはclip-pathプロパティとして

CSSコードが表示されているので

属性に追加するだけで簡単に使う事が

できます。

コードだけではなかなか難しいClip-pathですが

簡単に自由自在に作成できる

ジェネレーターなWebサービスです。

  • コメント: 0

おうちでヨガレッスンを無料で受講できるWebサービス 『YOGA with ANDRIENE』前のページ

題名から作曲してくれる面白いWebサービス 『自動作曲ちゃん』次のページ

関連記事

  1. Web制作ツール

    テーブルタグをブラウザ上で簡単生成できるWebサービス 『Table Tag Generator』

    テーブルタグをブラウザ上で簡単に生成できるWebサービス。tr…

  2. Web制作ツール

    どんどん美しいメッシュグラデーションを提案してくれるWebサービス 『Color Morph』

    次々に美しいメッシュグラデーションを提案してくれるWebサービス。…

  3. Web制作ツール

    Webサイト制作に便利!! 画面サイズを確認出来るWebサービス 『Screenfly』 色々な解像…

    Webサイト制作時に何かと面倒な画面サイズの確認作業最近ではI…

  4. Web制作ツール

    自分のブログの戦闘力を確認!? 購読者などで計測 『ブログ戦闘力チェッカー』

    ブログの購読者数などで戦闘力を計測できるWebサービスまたブロ…

コメント

  1. この記事へのコメントはありません。

  1. この記事へのトラックバックはありません。

最近の記事

PAGE TOP