特集
カテゴリー
タグ
メディア

CSSでボタンを手軽に作るなら「CSS Button Generator」が便利

  • カテゴリー:
  • TOOL
CSSでボタンを手軽に作るなら「CSS Button Generator」が便利

画像を使わずCSSだけでボタンを表現するのが最近の流行りですね。影やグラデーションなども設定できるので便利です。CSSを自分で書くのは面倒という方は「CSS Button Generator」を使うとはかどりますよ。

以下に使ってみた様子を載せておきます。まずCSS Button Generatorへアクセスしましょう。

130120_cs2-1.jpg

プレビューは最上部に表示されますよ。まずカラーセットを選んで、グラデーションを調整しましょう。その後横幅や縦幅などのサイズ調整、影をカスタマイズしたりしてお好みのボタンを作りましょう。最下部にCSSのコードが表示されるのであとはコピペして完了ですね。CSSでボタンを作りたいときはぜひ活用してみましょう。

CSS Button Generator

(カメきち)

swiper-button-prev
swiper-button-next