ブログのデザインを(プチ)リニューアルしました(Ver.1.1)

ごにょごにょしてたら、前のデザインから変わってきたので、
ver.1.1くらいにしようと思います。
だんだんシンプルになってますが、ブログは画像もいっぱい使うので、ちょうどいいかなーと思っています :)

CSS transition

テキストだけでもナビゲーションわかやすくするようにすこし動きをつけてみました。

nav li a{
	transition: all 0.1s ease;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
}
nav li a:hover{
	margin:3px 0 0 0;
}
transition

CSSスプライト

background-positionを使っています。実際は3つのアイコンで1セットの画像。
(昔はマウスオーバーで使ってた手法なので、懐かしい :D)

CSSスプライト

フォームデザイン

こちらは簡単にですが、CSS追加しました。

input, textarea{
	padding:5px;
	border:1px dotted #999;
	background:#eee;
}
フォームデザイン