第11回ホームページ勉強会
第34日目2022年02月24日
今回の勉強は写真の回転です
第33日目(2022年02月10日)の勉強会では、ダウンロード元が今の時点では遡れないのですが、私のデータを基に、6面体に配置された写真をcssで回転させる回転キューブの勉強を実施しましょう。
下図が、この回転Cubeの表示例で、サイコロの様な6面体の写真が微妙に回転します。
|
|
回転CubeのタイトルやBGMを入れた事例はここをクリックすると表示されます。
事前準備:300×300pxの説明文を入れた写真6枚
このアプリも、元々使われた絵がhttps://webparts.cman.jp/img/cube/のサイトに有るのですが、ここで使用するアプリは今は出てきません。
|
KaitenCube(回転Cube)の使用説明資料です。
|
|
|
2022-02-04 資料作成:三宅 節雄 |
|