• GIZMODO
  • FUZE
  • BUSINESS INSIDER JAPAN
  • DIGIDAY
  • gene
  • gene
  • cafeglobe
  • MYLOHAS
  • Glitty
  • roomie
  • machi-ya
  • GIZMODO
  • DIGIDAY
  • gene
  • cafeglobe
  • MYLOHAS
  • Glitty
  • machi-ya
  • roomie

カメきち  - ,  10:00 AM

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

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

130120_cs.jpg


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

以下に使ってみた様子を載せておきます。


まずCSS Button Generatorへアクセスしましょう。


130120_cs2-1.jpg


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


CSS Button Generator

(カメきち)

  • ,,, - By

    庄司真美

    LIKE

    マインドフルネスで働き方改革を。マスターコーチに聞く初心者向け瞑想メソッド

    Sponsored

    マインドフルネスで働き方改革を。マスターコーチに聞く初心者向け瞑想メソッド

    マインドフルネスで働き方改革を。マスターコーチに聞く初心者向け瞑想メソッド

    Sponsored by cocokuri 体と同様、心を鍛えることは生きていくうえで不可欠なスキル。その心の問題にフォーカスし、世界中で脚光を浴びているのがマインドフルネスです。いま目の前にあることに集中し、自分自身を客観的に観察するトレーニング法であるマインドフルネスは、情報過多の中、マルチタスクが多く、注意力が散漫になりがちな現代のビジネスパーソンパーソンの集中力を高めるなど、働き方を変  11:00 AM

2017年注目のライフハックツール

MORE FROM LIFEHACKER

powered by
    
    
    
  

lifehacker

Recommended

© mediagene Inc.