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

カメきち  -   07:00 PM

たった4KBで様々なボタンデザインが簡単に作れるCSS「Bttn.css」

たった4KBで様々なボタンデザインが簡単に作れるCSS「Bttn.css」

170102_bt.jpg


「Bttn.css」はたった4KBで様々なボタンデザインが簡単に作れるCSSです。ボタンデザインをまとめたCSSです。これを読み込めば様々なボタンスタイルを簡単に作成できますよ。Webサイト制作をやられている方には重宝するCSSだと思います。

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


まずBttn.cssへアクセスしましょう。導入は簡単、4KBのCSSをダウンロードし、指定されたid, classを指定するだけ。


170102_bt2.jpg


たとえば、「.bttn-material-circle.bttn-md」と指定すると、ハンバーガーメニューの丸いボタンが作成されます。Bttn.cssのサイト上で各ボタンデザインのサンプルが確認できます。色はその場で変更することができますよ。ぜひボタンを手軽に作成したい際にご活用ください。


Bttn.css

(カメきち)
 

MORE FROM LIFEHACKER

powered by
    
    
    

lifehacker

Recommended

© mediagene Inc.