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」のご紹介でした。

関連記事

  1. Web Service

    右クリックでキャッシュ、クッキー、履歴を消すことができるChrome拡張機能「Clear」

    Chrome拡張機能「Clear」というのがとても便利そうだったので入…

  2. Web Service

    iPhoneの人気のカメラアプリ「プロカメラ」がすごくよかったのでその基本的な使い方

    iPhoneアプリで人気の高いカメラアプリ「プロカメラ」を使ってみまし…

  3. Web Service

    テキストや画像はもちろん!手軽にiPhoneからエバノートにメモできるアプリ「Tap2Ever」を使…

    出先でちょっとしたメモなんかをサクっとエバノートにアップロードできるi…

  4. Web Service

    WebサイトのタイトルとURLを簡単に取得できて自分用HTMLリンクも作成できるChrome拡張機能…

    現在見ているWebサイトのタイトルとURLを簡単に取得できたり、自分用…

  5. Web Service

    ノイズを入れた画像を作ることができる「NoisePNG」の使い方

    ノイズを入れた画像を作ることができる「NoisePNG」を使ってみまし…

  6. PageSpeed Insights

    Web Service

    Webサイト高速化にするための必要項目を教えてくれるGoogleツール「PageSpeed Insi…

    Webサイトを高速化にするために必要な項目を教えてくれるGoogleツ…

最近の記事

  1. Olli
  2. 単語帳メーカー(Flashcard Maker App)
  3. 1Password 7
  4. 風に揺れる草

Facebookページ

PAGE TOP