1年くらい前に ﹁CSS で作るスマートフォン向け片手操作メニュー﹂ って記事書いたんですが、同じようなのをまたやってみたので紹介。 Tumblerの Android アプリ ︵Tumblr for Android︶ の新規投稿の UIがカッコよかったんで、これを CSS と超簡単な JavaScript ︵jQuery 使用︶ で再現してみました。実際のサンプルは下記に。 CSS で作る Tumblrモバイルアプリ風メニュー サンプル 現在最新版の Firefox、Safari、Chrome では動くと思います。あと手持ちの iOS 6 Safari では動作確認しました。他のスマートフォンとか知らない。IE? 一応、IE10 は問題なく動作します。IE9 だと動作はするけどアニメーションとかしないです。 元ネタを下記に貼っておきますね ︵画像は ﹁Tumblr Staff﹂ から
![CSS で作る Tumblr モバイルアプリ風メニュー](https://cdn-ak-scissors.b.st-hatena.com/image/square/8df24699609576d7ec18a7c69bcdbe9440d2789e/height=288;version=1;width=512/https%3A%2F%2Fhyper-text.org%2Fstatic%2Fimg%2Fogp-image.png)