問題一覧に戻る
上級CSS基礎
問題54: 3Dトランスフォーム
3D空間での要素の変形を実装しましょう!
📝 タスク1: 1つ目の___にrotateX(45deg) rotateY(45deg)を入れて3D回転を設定
📝 タスク2: 2つ目の___にpreserve-3dを入れて3D変形を有効化
📝 タスク3: 3つ目の___に1000pxを入れて遠近感を設定
📝 タスク4: 4つ目の___に:hoverを入れてホバー時の動作を設定
📝 タスク5: 5つ目の___にhiddenを入れて裏面を非表示に
📝 タスク6: 6つ目の___にrotateY(180deg)を入れて裏面の回転を設定
HTML(読み取り専用)
CSS コードエディタ
リアルタイムプレビュー