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

芸能写真ニュース

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

注目ワード

話題の投稿画像

ページ設定

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

「サイト」をもっと詳しく

注目ニュース
「100年に1度の引退の決意」——宮崎駿監督風の“創作ツイート”真に受けて紹介 フジ「ワイドナショー」が謝罪 ITmedia NEWS5月29日(月)19時0分
フジテレビは5月29日、情報番組「ワイドナショー」(5月28日放送分)で紹介したアニメ監督宮崎駿さんの発言が誤りであったとして、公式サイト…[ 記事全文 ]
「荷物を受け取るだけのアルバイト」という詐欺が発生中! そのカラクリを知ると恐怖しかない ねとらぼ5月29日(月)19時50分
「依頼者の代わりに荷物を受け取るアルバイト」の相談件数が再び増えていると東京都消費生活総合センターが注意を呼びかけています。[ 記事全文 ]
NHK「官房長官 日本海に落下か」 記事タイトルが紛らわし過ぎると落下速度のごとく一瞬で大喜利化 ねとらぼ5月29日(月)15時54分
NHKが5月29日の8時53分に掲載した記事「官房長官隠岐諸島から約300キロの日本海に落下か」が、まるで菅義偉官房長官が落下したとしか思…[ 記事全文 ]
選ばれたのは、iPhone SEでした。顧客満足度がiPhone 7、Galaxyを抜いてトップに GIZMODO5月29日(月)12時5分
image:LeszekKobusinski/Shutterstock.comいい話ばかり聞きますよね。[ 記事全文 ]
人間がドローンで“エアサーフィン”、サッカーボール運ぶ——ポルトガルの公式試合でデモ ITmedia NEWS5月29日(月)15時33分
人間がドローンに乗って空を舞い、サッカーボールを審判まで届ける——そんなデモンストレーションが、ポルトガル国内のサッカー公式戦「タッサ・デ…[ 記事全文 ]
アクセスランキング
1 NHK「官房長官 日本海に落下か」 記事タイトルが紛らわし過ぎると落下速度のごとく一瞬で大喜利化ねとらぼ5月29日(月)15時54分
2 「荷物を受け取るだけのアルバイト」という詐欺が発生中! そのカラクリを知ると恐怖しかないねとらぼ5月29日(月)19時50分
3 選ばれたのは、iPhone SEでした。顧客満足度がiPhone 7、Galaxyを抜いてトップにGIZMODO5月29日(月)12時5分
4 「100年に1度の引退の決意」——宮崎駿監督風の“創作ツイート”真に受けて紹介 フジ「ワイドナショー」が謝罪ITmedia NEWS5月29日(月)19時0分
5 アップル、自社製「AIチップ」開発始動か iPhoneに搭載狙うForbes JAPAN5月29日(月)8時0分
6 世界最細の金属ナノワイヤ作製に成功 - ケンブリッジ大などマイナビニュース5月29日(月)8時0分
7 木でできた超小型ショベルカーがすごい—レバーで自在に操作可能インターネットコム5月27日(土)19時30分
8 息子が勝手に30万もネット売買 親権者の承諾「形だけ」の恐怖J-CASTニュース5月28日(日)9時0分
9 マクドナルド、全店で楽天ポイント導入 支払いも可能にITmedia NEWS5月26日(金)12時16分
10 宇宙でおならをしたらどうなるの? 少しおバカな質問を宇宙飛行士にしてみたGIZMODO5月27日(土)19時28分

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

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

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

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