はてブログ

はてなブックマーク新着エントリーの過去ログサイトです。



タグ スケールダウン

新着順 人気順 5 users 10 users 50 users 100 users 500 users 1000 users
 
(1 - 1 / 1件)
 

[CSS]レスポンシブ対応、スクリプト無し、完成度も非常に高いタブコンテンツを実装するテクニック | コリス

2014/06/30 このエントリーをはてなブックマークに追加 150 users Instapaper Pocket Tweet Facebook Share Evernote Clip TAB コリス ホバーエフェクト 切替 タブ

スクリプトは一切使用せず、デスクトップ時はタブコンテンツ、スマフォ・タブレット時はタブをスケールダウンに変更してコンテンツを表示するスタイルシートのテクニックを紹介します。 単にレスポンシブ対応のタブというだけでなく、コンテンツの切替やタブのホバーエフェクトなど、非常に完成度の高いタブコンテンツに仕上がっています。 デモのアニメーション 実際の動作は下記ページで確認できます。 No JS: Tab... 続きを読む

 
(1 - 1 / 1件)