‘CSS’ カテゴリーのアーカイブ

高級感のある6色のナビゲーションバーを作ってみました。
上段が通常時で、下段がロールオーバー時のイメージになります。
一応完成のイメージとしてかなりざっくりしたサンプルCSSを入れてあるので参考にしてみて下さい。

この投稿の続きを読む »

シンプルな見出しです。矢印とひし形とドット模様の3パターンあります。
gifの300*36で作りました。
見出しはコンテンツの横幅に依存する事が多いような気がするので、難しいです。

この投稿の続きを読む »

当サイトの右上にあるナビゲーションバーのように、カーソルを乗せると画像が切り替わるのをよく見かけると思います。今回はそのロールオーバー効果をCSSで実現する方法について簡単に書いてみたいと思います。
はじめに通常のイメージと、マウスカーソルのonの時用に2枚画像を用意するのですが、ここでまず注意しなければならないこと。
それは別々に用意するのではなく、1枚画像として用意することです。


この投稿の続きを読む »