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.

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

芸能写真ニュース

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

注目ワード

イチオシ情報

話題の投稿画像

恋愛&結婚

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

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

注目ニュース
Googleマップに(また)自分のリアルタイム位置情報共有機能 プライバシー重視 ITmedia NEWS3月23日(木)7時54分
米Googleは3月22日(現地時間)、「Googleマップ」にリアルタイムの位置情報共有機能を追加したと発表した。[ 記事全文 ]
わお、ほんとに真っ赤っか! iPhone 7/7 Plusに新色登場 GIZMODO3月21日(火)23時32分
その名も「iPhone7(PRODUCT)REDSpecialEdition」。Appleが積極的に支援している「(RED)」。[ 記事全文 ]
「ドラゴンクエストXI」4月11日にいよいよ発売日発表へ ねとらぼ3月21日(火)20時50分
スクウェア・エニックスは3月21日、PlayStation4/ニンテンドー3DS用ソフト「ドラゴンクエストXI過ぎ去りし時を求めて」につい…[ 記事全文 ]
Apple、「iPhone 7」「iPhone 7 Plus」にスペシャルモデル「(PRODUCT)RED」を追加 3月25日から受注開始 ITmedia Mobile3月21日(火)23時15分
Appleは3月21日(米国西海岸時間)、「iPhone7」「iPhone7Plus」に新色として「(PRODUCT)RED」を追加するこ…[ 記事全文 ]
今度は機内でヘッドホンが爆発…女性のすす汚れが痛々しい GIZMODO3月17日(金)18時2分
もはやなにが安全なのか、わかりません。世界各地で発火問題をおこし、生産中止をへて最終的に原因が判明したスマートフォン「GalaxyNote…[ 記事全文 ]
アクセスランキング
1 わお、ほんとに真っ赤っか! iPhone 7/7 Plusに新色登場GIZMODO3月21日(火)23時32分
2 「ドラゴンクエストXI」4月11日にいよいよ発売日発表へねとらぼ3月21日(火)20時50分
3 今度は機内でヘッドホンが爆発…女性のすす汚れが痛々しいGIZMODO3月17日(金)18時2分
4 「社長のTwitter確認は常識」に反論? 岩下食品社長がまどマギコスプレ写真投稿「見られてない前提なので」ねとらぼ3月22日(水)10時42分
5 Apple、「iPhone 7」「iPhone 7 Plus」にスペシャルモデル「(PRODUCT)RED」を追加 3月25日から受注開始ITmedia Mobile3月21日(火)23時15分
6 ポケモンGO、ポケストップの7日目ボーナスで「進化どうぐ」入手確定にITmedia Mobile3月22日(水)10時41分
7 Googleマップに(また)自分のリアルタイム位置情報共有機能 プライバシー重視ITmedia NEWS3月23日(木)7時54分
8 NTTドコモ「AQUOS EVER SH-02J」のAndroid 7.0アップデートを開始ITmedia Mobile3月22日(水)19時45分
9 Apple、iPhone 7/7 Plusに新色「Product Red」追加ITmedia NEWS3月21日(火)21時44分
10 21度目出場の報徳学園が21世紀枠の多治見に21安打21得点で勝利 センバツ高校野球で起きた「21」並びの奇跡ねとらぼ3月20日(月)16時0分

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

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

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

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