CSS3

ホームページのこと

画像に動きがあるロールオーバー効果をつける方法

ブログやホームページで、リンクが設定されている画像にマウスを合わせると、画像が明るくなったりして注意を引くことがあります。その結果、画像をクリックしてもらいやすくなります。 この動きを ロールオーバー効果 とか マウスオーバー効果 な...
ホームページのこと

Internet Explorer 8 + メディアクエリ の不具合を調べてけっこう疲れました

お客さんのホームページをレスポンシブデザイン(スマホ対応)にする作業を行っていて、順調に進んでいたのですが、Internet Explorer 8 で表示したときに不具合が起きることが判明しました。 CSS3 のメディアクエリに対応さ...
ホームページのこと

画像にロールオーバー効果(マウスオーバー効果)をつけるかんたんな方法

ロールオーバー効果とは? ブログやホームページでリンクが設定されている画像にマウスを合わせると、画像が明るくなったり別の画像に切り替わったりすることがあります。 このことを ロールオーバー効果 とか マウスオーバー効果 などと呼んで...
ホームページのこと

ブログの記事内の写真にぼかした影をつける方法

スタイルシートを使って、このブログの記事に載せてある写真に自動的にぼかした影をつけて立体感を出すようにしました。 通常、画像編集ソフトでこのような影をつけるためには、ドロップシャドウなどと呼ばれる加工をしますが、そういった加工...
ブログのこと

ブログのヘッダーを春モードに変更しました

新潟県南魚沼市はすっかり春になり桜の開花がどんどん進んでいますが、このブログのヘッダー画像は駒ケ岳の雪景色のままでしたので、春らしく桜のヘッダー画像に差し替えてみました。 また、今までは画像編集ソフトを使ってブログタイトルが表示される...