写真スライド 1 2 3 4 Slice 1 - Image 1 Slice 1 - Image 2 Slice 1 - Image 3 Slice 1 - Image 4 Slice 2 - Image 1 Slice 2 - Image 2 Slice 2 - Image 3 Slice 2 - Image 4 Slice 3 - Image 1 Slice 3 - Image 2 Slice 3 - Image 3 Slice 3 - Image 4 Slice 4 - Image 1 Slice 4 - Image 2 Slice 4 - Image 3 Slice 4 - Image 4 Gallery現在の作品、過去の作品が確認できます。 Profile私の趣味、職歴、目標を確認できます。 Blog2013年xx月xx日からのブログを確認できます。 contactご意見・ご要望等をお寄せください。 作品の解説 CSS3のみを使用してアニメーションを作成しています。 1~4のボタンを押すことで写真の画像を切り替えることができます。 ポイント個所 ラベルを使用して小さな円を描いています。 ラベルの擬似要素を使用してパネル状の縦線を描いています。 divの中にspanを作成して画像とアニメーションを設定しています。 使用ソフト photoshopCS5 備考 IEでは動作の確認ができない作品です。 動作を確認する場合は、Chrome、Safari、Firefoxブラウザでご確認ください。