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

注目ニュース
懐かしのフィーチャーフォン「Nokia 3310」、パワーアップして復活 ITmedia Mobile2月27日(月)11時1分
フィンランドNokiaの元CEOらが設立した携帯ベンチャーHMDGlobalは2月26日(現地時間)、スペインのバルセロナで開催のWMC2…[ 記事全文 ]
アスクル倉庫火災、ようやく鎮火 発生から12日 ITmedia NEWS2月28日(火)20時23分
アスクルは2月28日、埼玉県三芳町の物流センターで16日朝に発生した火災について、28日午後5時に鎮火したと発表した。[ 記事全文 ]
世界初の4K HDRスマホ「Xperia XZ Premium」ソニーから新登場 GIZMODO2月28日(火)2時10分
これがソニーの本気か…!ソニーモバイルのスマートフォンといえば、過剰なまでのスペック追求がウリ。[ 記事全文 ]
世界最古レベルの携帯電話「Nokia 3310」がまさかの復活、発売へ GIZMODO2月27日(月)21時3分
名機Nokia3310が17年の時を経て蘇りました。バルセロナで開催中のモバイル・ワールド・コングレス(MWC)で、Nokiaブランドの独…[ 記事全文 ]
カラバリ豊富でインカメラも「ライカ」に! 写真で見る「HUAWEI P10」「HUAWEI P10 Plus」 ITmedia Mobile2月28日(火)12時45分
全世界で1000万台の出荷を記録した、2016年のHuaweiのフラッグシップスマートフォン「HUAWEIP9」「HUAWEIP9Plus…[ 記事全文 ]
アクセスランキング

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

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

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

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