シンプルな水平メニューと相性が良さそうな、CSSホバーエフェクトのまとめ - NxWorld
グローバルナビゲーションといえば作り込んだ感じのデザインや移動先のページの内容が把握しやすいようなアイコンなどを一緒に配置しているものをやはり多く見かけますが、中には特にミニマルデザインなサイトなどでテキストだけを並べたシンプルな水平メニューを取り入れているサイトもあります。 ただパッと見はたしかにシンプルなデザインでもホバー時にアニメーションを加えたりしているサイトも多く、自分も普段からそのようなデザインの時にはせめてホバーぐらいはちょっと手を加えたいなと思うことが多いので、その際に参考になりそうなホバーエフェクトを備忘録兼ねてまとめました。 全体的にボーダーを組み合わせたようなエフェクトが多く、実装は全てCSSで可能なものになっています。 Creative Link Effects 少し前のものですが全21種類のエフェクトがまとめられており、ボーダーやテキストにアニメーションを加えて様
Google Chromeでfont-sizeが10px以下にならない時の対処法
まえがき デザイン重視で読みやすさなんて無視！ってサイトはよくあります。この前そういうサイトを「こんな文字小さかったら誰も読めないだろ」とか思いながらコーディングしていたら驚愕の事実を知りました。 CSSでfont-sizeを10pxより小さくしてもGoogle Chromeでは10px以下にならない！ デザインにうるさい人に「いや～ブラウザの仕様で文字の大きさこれ以上小さくならないんすよ」とか言ったって分かってもらえるわけありません。 結果、どうにかなったのですが解決するまで地味に時間かかったので他の人が同じ轍を踏まないように記事にします。 「-webkit-transform」を使用してChromeだけ文字を無理やり縮小する CSS3のプロパティ「transform」は要素の移動、拡大縮小、回転なんかを制御できる優れものです。 その「transform」を使って10pxの文字を丁度いい
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
CSSでIE向けに設定したグラデーションの設定をリセットする | src.7438.com