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

芸能写真ニュース

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

注目ワード

話題の投稿画像

ページ設定

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

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

注目ニュース
iPhone 8に搭載の「巨大電源ボタン」に隠された重大な秘密 Forbes JAPAN7月23日(日)10時0分
iPhoneユーザーの多くは、TouchID(指紋認証)を使って端末のロック解除をしたり、アップルストアやアップルペイの決済を行っている。[ 記事全文 ]
「公式ツイッター」ある県ない県、事情を比較 アカウント最初の県は?フォロワー最少は? J-CASTニュース7月23日(日)9時0分
突然だがクイズだ。日本の都道府県で、初めて公式のツイッターアカウントを作ったのは、いったいどこだろうか。答えは、青森県。[ 記事全文 ]
伝説のポケモン「ルギア」「フリーザー」がポケモンGOに登場! ねとらぼ7月23日(日)10時38分
「PokemonGO(ポケモンGO)」に伝説のポケモン「ルギア」「フリーザー」が登場しました。[ 記事全文 ]
音声に合わせて口元が動く、リップシンク動画編集ソフトが恐ろしい GIZMODO7月23日(日)17時5分
Image:YouTube/SupasornSuwajanakorn何が本当で何が嘘なのか、見破るのが難しい時代。[ 記事全文 ]
「いらすとや」さんがコミックマーケット92に参加 パリピ風な動物たちや「AIに支配される人達」などのイラストをグッズ化 ねとらぼ7月23日(日)15時17分
フリーイラスト素材サイトの「いらすとや」さんが、8月11日〜13日まで東京ビッグサイトで開催される「コミックマーケット92(C92)」に参…[ 記事全文 ]
アクセスランキング
1 iPhone 8に搭載の「巨大電源ボタン」に隠された重大な秘密Forbes JAPAN7月23日(日)10時0分
2 ビックカメラで「Switch」抽選販売に不正疑惑、配布のない番号当たる 店側「不手際で欠落していた」と謝罪ねとらぼ7月21日(金)21時50分
3 「Pokemon GO」のシカゴイベント、接続できずに払い戻しと100ドル分のポケコインの謝罪ITmedia NEWS7月23日(日)6時32分
4 「公式ツイッター」ある県ない県、事情を比較 アカウント最初の県は?フォロワー最少は?J-CASTニュース7月23日(日)9時0分
5 Nintendo Switch用スマホアプリ「Nintendo Switch Online」配信開始 「スプラトゥーン2」などと連動ねとらぼ7月19日(水)21時42分
6 伝説のポケモン「ルギア」「フリーザー」がポケモンGOに登場!ねとらぼ7月23日(日)10時38分
7 ほら読んでないでしょ。利用規約に隠された「トイレ掃除」に2万2000人がうっかり同意GIZMODO7月20日(木)18時0分
8 「炭酸はキャップの隙間から抜けるからペットボトルを逆さまにすると抜けにくい」Twitterで拡散 本当なの? メーカーに聞いたねとらぼ7月21日(金)19時0分
9 なぜ「ときど優勝」で格ゲーマーは泣いたのか 東大卒プロゲーマーの情熱と“友情、努力、勝利”ねとらぼ7月22日(土)11時0分
10 iPhone 7 Plusで読書を楽しむ…電子ペーパーディスプレイ付きスマホケース Oaxis「InkCase i7 Plus」インターネットコム7月22日(土)17時30分

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

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

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

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