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拡張機能「Image Pro…

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

  2. Web Service

    かっこいいボタンやフォーム、かわいいリボンなんかが作れるCSSジェネレーター「Live Tools」…

    とても簡単にかっこいいボタンやフォームが作れちゃうCSSジェネレーター…

  3. Web Service

    ブログで使う画像を加工・編集して文字入れや矢印も簡単に挿入できるSkitchの基本的な使い方

    毎回ブログで使う画像はPhotoshopで編集したりしてたんですが、も…

  4. Web Service

    CSSでテキストを円や波のように配置してくれるジェネレーター「CSSWARP」を使ったみた

    面白そうなCSSジェネレーターがあったので使ってみました。好きなテキス…

  5. Web Service

    ブログで使うCC(クリエティブコモンズ)対象の画像をFlickrやGoogleから簡単に探してくれる…

    ブログでその記事に関連するアイキャッチ画像を入れたりしたい時があるかと…

  6. Web Service

    Macで簡単に画像を切り取ったりぼかしやモザイクを入れることができるアプリ「ToyViewer」

    ToyViewerというMacのアプリを使ってみました。起動や動作も早…

最近の記事

  1. Soundcore Ace A1
  2. cheero USB-C PD Charger 60W
  3. DY-S01
  4. OWL-QI10W04

アーカイブ

PAGE TOP