details要素を閉じる際にもCSSアニメーションを有効にする方法 🔖 2

概要HTMLのdetails要素はネイティブに開閉可能な要素だが、開閉時にアニメーションをつける方法としては、JavaScriptを利用するケースがまだまだ一般的である。しかし、昨今ではCSSだけでも実装が可能になってきている。例えば、以下のようなCSSで開閉のアニメーション