マウスを当てると前に出てくるボックスの中身
ここが後ろのボックスの文字です。
paddingを使い、
前にあるボックスから文字が見えないように、
ちょっと細工しました。
ここが前にきているボックスの文字です。
通常はこの中身が面に出ていますが、
色の違う処をポイントすると、
今まで隠れていた後ろのボックスが前に出てきます。
ボックスの装飾と位置付けは自由にカスタマイズしてください。
ぴったりと重ねたら、スクリプトが動かないので、少しずらすようにして下さい。
（文字）と---文字---の部分は使う時は削除してください。