Web Service

簡単にグラデーション、角丸、ボックスシャドウなんかを作成できるジェネレーター「CSS3 Generator」

グラデーションや角丸、ボックスシャドウなどのCSS3コードを生成してくれるジェネレーター「CSS3 Generator」を使ってみました。プレビューが大きくてとても見やすくていいですね。スライダーを弄るだけでサクっと手軽に使うことができるのでこういうのは覚えておきたいですね。以下使い方です。

[ads_center]

使い方

角丸やボックスシャドウのスライダーを左右へ動かしながら調整できます。

CSS3 Generatorの使い方

グラデーションは「OFF」から「ON」に切り替えて、始まりの色と終わりの色を指定するだけです。

グラデーションを設定

opacityで透明度も設定することができます。

opacityで透明度設定

出来上がったら下にある「GET THE CODE!」をクリックしてGET THE CODEしちゃって下さい。

コード生成

複雑な機能はないのでとてもシンプルで使いやすいですね。

関連記事

  1. Web Service

    Mac版Pocketがリリースされたのでさっそく使ってみた!

    あとで読むサービスのPocketがMacのアプリでついに登場していたの…

  2. Web Service

    画像を右クリックから簡単にサイズやパス、容量などを確認できるChrome拡張機能「Image Pro…

    Web制作をしている時にプレビュー画面から手軽に画像サイズやパス(UR…

  3. Colors Palette Generator
  4. 目覚まし時計

    Web Service

    朝起きるのに便利!Macで指定した時間にアラームを鳴らしてくれるアプリ「目覚まし時計」

    Macで目覚まし時計をセットしたくてアプリを探していたらよさそうなのが…

  5. TodoistのChrome拡張機能

    Web Service

    TodoistのChrome拡張機能があったので使ってみた

    普段から使っているTodo管理サービス「Todoist」のChrome…

コメント

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

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

最近の記事

  1. ルック セレクション
  2. シルキーウインドモバイル
  3. アリエール パワージェルボール3D
  4. NuAns × Shibaful TAGPLATE

アーカイブ

PAGE TOP