• GIZMODO
  • FUZE
  • BUSINESS INSIDER JAPAN
  • DIGIDAY
  • gene
  • gene
  • cafeglobe
  • MYLOHAS
  • Glitty
  • roomie
  • 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

(カメきち)
 

  • ,,,,, - By 香川博人LIKE

    キレイ&リラックスだけじゃない。お風呂で男を磨く3つの身だしなみとは?

    Sponsored

    キレイ&リラックスだけじゃない。お風呂で男を磨く3つの身だしなみとは?

    キレイ&リラックスだけじゃない。お風呂で男を磨く3つの身だしなみとは?

    「あぁ、気持ちいい」と、お風呂で過ごす時間は、心身ともにリフレッシュできますが、実は、あなたの印象を大きく変える「身だしなみ」を整えるタイミングでもあります。 ビジネスマンにとっての身だしなみは、最低限のマナーであり、見えない部分にまで気を配ることで、安心感と自信を与えてくれます。 そこで、この春から実践したい「お風呂だからこそできる、男を磨く3つの身だしなみ」をご紹介します。  11:00 AM

MORE FROM LIFEHACKER

powered by
    
    
    
  

lifehacker

Recommended

© mediagene Inc.