第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 資料作成:三宅 節雄