ぶろぐ

日記です

影つけてみた


このはてなダイアリーの、スタイルシートを気分で軽くいじくってみた。
見出し周りにシャドウかけた。

影つけすぎると、くどい感じがするけど、真似したい物好きな人は下記のCSSをコピペで適用すると幸せになれます。

ついでに、リンクのホバー時にも影かつくように。

Js使えるなら、jQueryでアニメーション付きで色の変化、シャドウ付けとかやったらカッコいいかも!
とか思っていたり

h1 {
text-align:left;
font-size:3.3em;
margin-top :-30px;
margin-bottom:10px;
text-shadow: 4px 4px 10px black;
}

h1 a:hover {
text-shadow: 4px 4px 13px black;
}

.title {
font-size:1.2em;
text-shadow: 3px 3px 2px silver;
}

.title:hover {
text-shadow: 4px 4px 4px gray;
}

h2,h4,h5 {
text-shadow: 2px 3px 2px silver;
}

a:hover {
text-shadow: 4px 4px 6px gray;
}