BIGLOBEトップBIGLOBEニュースBIGLOBE30周年記念サイト

たった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」」の関連ニュース

注目ニュース
時代はガラケー回帰? あのGalaxyに二つ折りXシリーズ発売間近か GIZMODO1月18日(水)18時8分
やっぱり折りたたみたい?フリップ式の携帯電話といえば、日本のガラケーことフィーチャーフォンのお家芸のような分野ではありましたけど、その流れ…[ 記事全文 ]
最も危険なパスワードは「123456」 2016年に情報漏えいした1000万件を分析 BIGLOBEニュース編集部1月17日(火)18時24分
パスワード管理アプリなどを提供する「keeper」が、2016年に漏えいしたパスワード1000万件を分析し、最も多かったパスワードのランキ…[ 記事全文 ]
雪の中に打ち上げられた「柴犬ロケット」がかわいすぎる! ねとらぼ1月18日(水)18時15分
雪が降った時の犬の行動として、童謡「雪」では「犬は喜び、庭かけまわり」と歌われていますが、その歌詞通りに雪の中を元気に駆け回っている柴犬の…[ 記事全文 ]
狂気のホラーゲーム「Year Of The Ladybug」が開発中止に 公式Facebookで報告 ねとらぼ1月19日(木)13時7分
狂気に満ちたホラーゲームとして話題となっていた「YearOfTheLadybug」の開発が中止になったことを、同作の公式FaceBookペ…[ 記事全文 ]
自分と同じ誕生日の人の本が見つかる「BIRTHDAY BUNKO」につい手が伸びる ラインアップは366種類 ねとらぼ1月19日(木)19時15分
自分と同じ誕生日の著名人の本を見つけられる「BIRTHDAYBUNKO(バースデイ文庫)」がTwitterで話題になっています。[ 記事全文 ]
アクセスランキング
1 3分で分かるNintendo SwitchITmedia PC USER1月19日(木)6時0分
2 雪の中に打ち上げられた「柴犬ロケット」がかわいすぎる!ねとらぼ1月18日(水)18時15分
3 狂気のホラーゲーム「Year Of The Ladybug」が開発中止に 公式Facebookで報告ねとらぼ1月19日(木)13時7分
4 時代はガラケー回帰? あのGalaxyに二つ折りXシリーズ発売間近かGIZMODO1月18日(水)18時8分
5 最も危険なパスワードは「123456」 2016年に情報漏えいした1000万件を分析BIGLOBEニュース編集部1月17日(火)18時24分
6 海外勢も腹筋崩壊 クマが尻をたたくアニメーションスタンプに音楽を付けたらすごい反響だったねとらぼ1月19日(木)17時1分
7 「あれは何ですか?」「Wi-Fiです」 時の止まった空間・軍艦島に便利だけどズコーッなものが設置されていたねとらぼ1月18日(水)17時10分
8 「ファイアーエムブレム」新作発表 スマホ向け「FEヒーローズ」は“課金ガチャ”形式にねとらぼ1月19日(木)11時11分
9 「アパホテル」中国のSNSで“炎上” 「南京大虐殺を否定するCEOの著書が客室に」 告発動画「微博」で6800万再生ITmedia ニュース1月17日(火)11時45分
10 これがMicrosoftの折りたたみスマートフォン? まるで小型のSurfaceや…GIZMODO1月18日(水)11時6分

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

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

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

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