03】さらに上に重なるウィジェットでのこり3つの眼鏡をさきほどの2つの眼鏡の手前に配置。重なり感を出すために左上の眼鏡は【背景(後)】で設定した眼鏡に重ねています。こちらは表示位置設定をばらばらの位置に設定します。今回はダイナミックに動かすためどちらもスピードは2.0で設定していますがスライド>「背景」の【背景(後)】と【背景(前)】のパララックススピードに変化をつける事でさらもう一枚違う次元に背景があるように見せる事が出来ます。2つの眼鏡を【背景(後)】にして、ウィジェットで設定している3つの眼鏡を【背景(前)】にまとめて入れたらいいんじゃない??と思う方がいらっしゃるかもしれません。今回同じスピードで2つの眼鏡を別々に分けたのには理由があるのです!眼鏡が配置されている起点はすべて4方向別々になっています。横長のブラウザで見ても、縦長のブラウザで見ても眼鏡が追随する仕組みになっています。大きな画面で見る人もいれば、小型のノートPCで見る人も居ますから様々なサイズに適応するサイトを作る事が大変ですが、大切ですね。作るのだから、いろいろな人に見てもらえるサイトを目指しましょう!次回は私たちの尊敬する先輩、いつも着物姿が素敵なコウさんの登場です。CAMPで最も読まれた記事は?コンセプト。