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トピックス

芸能写真ニュース

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

注目ワード

話題の投稿画像

ページ設定

注目ニュース
【速報】PS4で「ファイナルファンタジーIX」発売決定 PS Storeで本日から配信 ねとらぼ9月19日(火)16時29分
「ファイナルファンタジー」シリーズの第9作目「ファイナルファンタジーIX」がPlayStation4で登場することが分かりました。[ 記事全文 ]
EXILEの写真、SNSに投稿していい? LDHがファンに「お願い」、「分かりやすい」と話題に ITmedia NEWS9月19日(火)14時26分
EXILEや三代目JSoulBrothersなどが所属する芸能事務所LDHJAPANが、所属メンバーの写真などをファンがSNSに投稿したり…[ 記事全文 ]
「iOS 11」間もなく配信 32ビットアプリは使用できないのでご注意 ねとらぼ9月19日(火)23時9分
iOSの最新版「iOS11」が9月20日にリリースされます。同OSでは64ビットアプリのみ動作し、32ビットアプリは使用できないので、アッ…[ 記事全文 ]
“未知なる魔境”群馬が舞台のスマホゲーが骨太で面白さ抜群馬 「課金アイテムが上毛かるた」「焼きまんじゅうで回復」 ねとらぼ9月19日(火)19時5分
ネットでよく「グンマー」とネタにされる、“魔境としての群馬”を舞台にしたRPG「群馬ファンタジーTRPG」がTwitterで話題となってい…[ 記事全文 ]
AIベンチャーが実現した“99.2%”手書き文字認識ソフトの重要性──日本企業がAIを導入できない理由とは ITmedia NEWS9月19日(火)12時0分
「Tegaki」という日本語の手書き文字認識(OCR)サービスがある。そのソフトはディープラーニングなど機械学習のアルゴリズムを用い、認識…[ 記事全文 ]
アクセスランキング
1 間もなく配信! iOS 11の進化点をざっくりまとめるITmedia Mobile9月19日(火)13時33分
2 EXILEの写真、SNSに投稿していい? LDHがファンに「お願い」、「分かりやすい」と話題にITmedia NEWS9月19日(火)14時26分
3 【速報】PS4で「ファイナルファンタジーIX」発売決定 PS Storeで本日から配信ねとらぼ9月19日(火)16時29分
4 「iOS 11」間もなく配信 32ビットアプリは使用できないのでご注意ねとらぼ9月19日(火)23時9分
5 キタキツネとギンギツネがきつねうどんを作る 「どん兵衛×けものフレンズ」コラボCM公開ねとらぼ9月19日(火)19時21分
6 “未知なる魔境”群馬が舞台のスマホゲーが骨太で面白さ抜群馬 「課金アイテムが上毛かるた」「焼きまんじゅうで回復」ねとらぼ9月19日(火)19時5分
7 配信間近! iOS 11とmacOS High Sierraのサポート対象デバイスをおさらいしておこう lifehacker9月19日(火)12時0分
8 iOS 11では32bitアプリが動かず タイトーはゲームアプリ5つを配信終了にITmedia Mobile9月19日(火)20時18分
9 洗濯できる超薄型有機太陽電池の開発に成功- 衣類貼付型の電源に期待マイナビニュース9月19日(火)11時13分
10 AIベンチャーが実現した“99.2%”手書き文字認識ソフトの重要性──日本企業がAIを導入できない理由とはITmedia NEWS9月19日(火)12時0分

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

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

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

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