details { transition: background 0.3s; transition: all 0.3s; }
details[open] { transition: all 0.6s; }
details[open]…OPEN 属性がついている。最初から開いた状態にする場合は、details タグに open 属性を追加する。
デフォルトの三角マークを非表示にするには、
summary {list-style: none;} summary::-webkit-details-marker {display: none;}