BIGLOBEトップBIGLOBEニュース

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

lifehacker1月14日(土)19時0分
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

(カメきち)
 
copyright (C) mediagene, Inc. All Rights Reserved.

はてなブックマークに保存

最新トピックス

ITトピックス

芸能写真ニュース

旬なニュースを配信中 フォローしてね!

注目ワード

話題の投稿画像

「サイト」「アクセス」「導入」「ダウンロード」の関連トピックス

「たった4KBで様々なボタンデザインが簡単に作れるCSS「Bttn.css」」の関連ニュース

注目ニュース
JAXA、「気候変動観測衛星」と「超低高度衛星技術試験機」の愛称募集を開始 マイナビニュース4月25日(火)15時46分
宇宙航空研究開発機構(JAXA)は4月25日、2017年度中の打ち上げを予定している「気候変動観測衛星(GCOM-C)」ならびに「超低高度…[ 記事全文 ]
360度移動可能! ゴムボールでコロコロ進むセグウェイのような乗り物 GIZMODO4月24日(月)12時6分
体幹鍛えられそう。セグウェイは、認知度は広まったものの、今ひとつ一般に普及していませんね。[ 記事全文 ]
情報流出で停止していた「都税カード払いサイト」再開 「.tokyo」から「.lg.jp」に移行 ITmedia NEWS4月25日(火)16時48分
東京都主税局は4月24日、情報流出で停止していた都税のクレジットカード納付サイト「都税クレジットカードお支払サイト」を再開したと発表した。[ 記事全文 ]
アクセル、低遅延再生可能なゲーム向けサウンドミドルウェア「C-FA」を提供 マイナビニュース4月25日(火)16時58分
アクセルは4月25日、マルチプラットフォームで低遅延再生が可能なゲーム向けサウンドミドルウェア「C-FA(シーファ)」を開発し、即日提供を…[ 記事全文 ]
4Kディスプレイのスペック「誤表記」で「2000円」の補償 UPQの見解は? ITmedia NEWS4月25日(火)16時30分
既報の通り、UPQ(東京都文京区)は、同社が販売する4Kディスプレイ3機種においてWebサイト上でのスペック表記に「誤り」があることを明ら…[ 記事全文 ]
アクセスランキング

本サイトのニュースの見出しおよび記事内容、およびリンク先の記事内容は、各記事提供社からの情報に基づくものでビッグローブの見解を表すものではありません。

ビッグローブは、本サイトの記事を含む内容についてその正確性を含め一切保証するものではありません。本サイトのデータおよび記載内容のご利用は、全てお客様の責任において行ってください。

ビッグローブは、本サイトの記事を含む内容によってお客様やその他の第三者に生じた損害その他不利益については一切責任を負いません。

データ提供元:アニメキャラクター事典「キャラペディア