サイト内検索:

キーボードのキーのようなデザインを実現する「KEYS.css」

Super-easy to use. Just drop the stylesheet into your project.

KEYS.css

そんなわけで上のスクリーンショットの[E]xampleの「E」を囲っているのがキーボードのキーみたいでしょ、って感じのデザインを実現するCSSです。

よく見ると単に角が丸い四角で囲っているだけじゃなくてキーの厚さみたいなものも表現しています。

あまり使う機会はないかと思いますが、いざこれを再現してみようとすると結構面倒なので、こういったCSSの存在を頭の片隅に覚えておくといつか役に立つかもしれません。

私もそんな日のためにこうして記事にしているわけですよ。

blog comments powered by Disqus

2011年アルファブロガー受賞

新着DVD

モバイル

Powered by Movable Type 6.1.2

ブログ内検索

BlogPeople ReviewMe!

このサイトのレビューとか応援コメントを書いてもらえると励みになります。

Affi☆List for Amazon

バナー広告

このブログ記事について

このページは、nagasawaが2011年6月 1日 15:55に書いたブログ記事です。

ひとつ前のブログ記事は「MacBookを盗んだ男が「Hidden」というサービスにより捕まった、という話」です。

次のブログ記事は「iPhone/iPod touchアプリ「SnapCal」を使ってiPad2を当てよう!」です。

最近のコンテンツはインデックスページで見られます。過去に書かれたものはアーカイブのページで見られます。