Web Service

これは凄い!色んなCSSを生成してくれるジェネレーター「Generate CSS」

Generate CSSというジェネレーターが凄かったのでご紹介します。ボタン、テキストエフェクト、角丸、グラデーションなどといった色んなCSSを生成することができます。出来上がったらコードを取得してコピペするだけという手軽さがいいですね。

[ads_center]

Generate CSSの使い方

Generate CSS

CSS + CSS3 Generator | Generate CSS

自分が生成したいCSSを選択して、調整していくだけでカスタマイズできます。以下はボタンの調整画面。

ボタンの調整画面

調整後はPreviewをクリックするとプレビューが表示されて確認することができます。

完成したらGet CodeからCSSコードを取得できます。

PreviewとGet Code

ほんと、たくさんの種類のCSSが用意されていて凄いです。

Generate CSS

というわけで、色んなCSSを生成できるジェネレーター「Generate CSS」のご紹介でした。

Responsive Full Width Tabsレスポンシブなタブパネルを実装できる「Responsive Full Width Tabs」前のページ

Google Chromeで指定した複数タブをまとめて閉じるショートカットキー次のページChromeの複数タブをまとめて閉じるショートカットキー

関連記事

  1. Web Service

    使い捨てメールアドレスが欲しい時に便利!2秒でフリーメールを取得することができる「Super Mai…

    使い捨てアドが欲しい時にとても便利ですね。たった2秒でフリーメールを取…

  2. Web Service

    CSSで簡単に三角形を作ってくれるChrome拡張機能「CSS三角形作成ツール」

    ちょっと面白かったのでご紹介します。Chromeの拡張機能で、CSSで…

  3. Web Service

    マウスを動かすことで自分の好きな色を見つけることができる「Piknik Color Picker」

    とてもお洒落でシンプルなカラーピッカー「Piknik Color Pi…

  4. CSS Gradient Animator

    Web Service

    CSSでグラデーション背景を変化させるコード作成ジェネレーター「CSS Gradient Anima…

    CSSで変化するグラデーション背景を作成したい時に役立つジェネレーター…

  5. SimilarSites

    Web Service

    似ているサイトを検索して探してくれる「SimilarSites」

    ちょっと面白かったのでご紹介します。似ているサイトを検索して探してくれ…

  6. Web Service

    ストライプの背景パターンをサクっと作ることができる「Striped Backgrounds」

    とてもシンプルで使いやすいかったのでメモがてらエントリー。背景なんかに…

最近の記事

  1. DCG-CA21
  2. Apple WatchでのMacロック解除を無効
  3. オータムスイートポテトフラペチーノ
  4. 紅葉
  5. ナノケア EH-NA0E

アーカイブ

PAGE TOP