ツール・サイト紹介
ニュース/2ちゃんねる

今週の人気記事

Photoshop風インタフェースで角丸やグラデーションなどのCSS3が生成できるサイト「Layer Styles」

あとで読む Clip to Evernote このエントリーをはてなブックマークに追加
Layer Styles
Layer Styles

Photoshop風インタフェースのCSS3生成サイト


Layer Styles」はPhotoshop風のインタフェースで角丸ボタンのCSS3を生成してくれるサービスです。

正方形がデフォルトで表示されており、
それにグラデーションや影をつけたり、角を丸めることができます。

Photoshopのようなインタフェースで操作できることが特徴。

遊び感覚で使ってみるのも良さそう。

以下に使ってみた様子を載せておきます。


角丸ボタンを作る


まず「Layer Styles」へアクセスしましょう。


Layer Styles

このようにPhotoshopっぽいインタフェースが表示されます。
適当にいじってみましょう。

Photoshopを使ったことがあるかたには馴染みのあるインタフェースで使いやすいかと。


Layer Styles

デザインが終了したら、左下にある「CSS Code」をクリックしましょう。

CSSのコードが表示されますよ。

こちらをコピーすれば、先程作成したボタン(ボックス)が描かれますよ。


馴染みのあるインタフェースが使えるというのは嬉しいですね。
 本記事で紹介したサイト
Layer Styles
http://layerstyles.org/builder.html
あとで読む Clip to Evernote このエントリーをはてなブックマークに追加
Related Posts Plugin for WordPress, Blogger...

 この記事をみた人はこんな記事も見ています

 前後の記事もどうぞ

 この記事をブックマーク/共有する

 トラックバックURL

http://trackback.blogsys.jp/livedoor/kamekiti1115/3488806
Twitterの声
はてなブックマークの声
Facebookの声
この記事についたコメント

コメントする
お名前
二十歳街道まっしぐら 2nd @カメきち 2010.10.01-