grid-template-rowsを0frから1frにtransitionさせることでheightがautoのアコーディオンをCSSのみでアニメーションさせる 🪗
DOMの高さを0からautoにCSSアニメーションでスムーズに変更したいとき、grid-template-rowsを使うといい感じになるということを教えていただきました。 DEMO SCSS（抜粋） dd { display: grid; // ❶ grid-template-rows: 0fr; // ❸ transition: grid-template-rows .2s ease-in-out; // ❺ > div { overflow: hidden; // ❷ …
