学習塾マナビエ
「わかりやすい」×「楽しい」高品質な授業を提供します。 ※体験授業(3コマまで無料)にて、ご見学のうえお確かめください 英検・中学・高校・大学受験 【都筑見花山校】 個別指導(1:1、1:2)と少人数制指導(~6人) 荏田南中・川和中・市ヶ尾中・都田中・茅ケ崎中の定期テスト対策 【宮前馬絹校】 個別指導(1:1) 宮崎中・野川中・宮前平中の定期テスト対策
- /* IDを個別に設定し、Ownd内の他スタイルとの衝突を避ける */ #manabie-u1-box { --primary: #a2d149; --secondary: #4b2c20; --cream: #fdfaf5; max-width: 100%; margin: 10px auto; text-align: center; } #manabie-u1-box .flashcard { perspective: 1000px; width: 100%; height: 250px; margin-bottom: 15px; } #manabie-u1-box .card-inner { position: relative; width: 100%; height: 100%; transition: transform 0.6s; transform-style: preserve-3d; cursor: pointer; } /* flippedクラスで回転 */ #manabie-u1-box .flipped { transform: rotateY(180deg); } #manabie-u1-box .card-face { position: absolute; width: 100%; height: 100%; backface-visibility: hidden; display: flex; align-items: center; justify-content: center; padding: 20px; box-sizing: border-box; border-radius: 15px; border: 5px solid var(--secondary); font-family: sans-serif; font-weight: bold; } #manabie-u1-box .front { background-color: var(--cream); color: var(--secondary); font-size: 20px; } #manabie-u1-box .back { background-color: #ffffff; color: #333; transform: rotateY(180deg); font-size: 16px; border: 3px solid var(--primary); } #manabie-u1-box .btns { display: flex; justify-content: center; align-items: center; gap: 15px; } #manabie-u1-box .btn { background: var(--secondary); color: white; border: none; padding: 10px 20px; border-radius: 5px; cursor: pointer; font-size: 14px; } #manabie-u1-box .btn:disabled { background: #ccc; } 受動態のLogic(視点の逆転) 「誰がしたか」より「何が起きたか」にスポットを当てる。主語を動作の受け手にチェンジ! 前へ 1 / 5 次へ // Ownd内で変数が衝突しないよう、関数名と変数をUnit固有にする var u1Data = [ {f: "受動態のLogic(視点の逆転)", b: "「誰がしたか」より「何が起きたか」にスポットを当てる。主語を動作の受け手にチェンジ!"}, {f: "過去分詞の本質", b: "動詞が進化して「〜された状態の」という名前の巨大な形容詞になった姿。"}, {f: "be made of vs from", b: "of は見た目で材料が分かる(木、紙など)。from は姿が変わって原料が不明(牛乳、ぶどうなど)。"}, {f: "The animals are protected.", b: "「動物たちは = 保護されている = 状態で = 存在している」"}, {f: "受動態のbyが消える時", b: "誰がやったか不明な時、または「一般の人々」など言う必要がない時。"} ]; var u1Idx = 0; function updateU1() { document.querySelector('#manabie-u1-box .card-inner').classList.remove('flipped'); setTimeout(function() { document.getElementById('f-u1').innerText = u1Data[u1Idx].f; document.getElementById('b-u1').innerText = u1Data[u1Idx].b; document.getElementById('i-u1').innerText = u1Idx + 1; document.getElementById('p-u1').disabled = (u1Idx === 0); document.getElementById('n-u1').disabled = (u1Idx === u1Data.length - 1); }, 100); } function prevU1() { if(u1Idx > 0) { u1Idx--; updateU1(); } } function nextU1() { if(u1Idx < u1Data.length - 1) { u1Idx++; updateU1(); } } // 初期化 updateU1();
- 中2 Unit6
0コメント