标签合集
23 个同时带有「accordion」标签的动画资源 —— 每个都有实时预览、可复制的 HTML/CSS/JS 源码和一条现成的 AI Prompt。
相关标签 —— 点击可组合筛选
FAQ accordion animating height and icon rotation, with one-open-at-a-time behaviour.
A FAQ accordion with buttery height animation using the grid-rows trick and rotated chevrons. Rendered in the Rose Gold palette.
Smooth <details>/<summary> accordion whose plus icon morphs into an x when open — no JS required.
Sidebar with collapsible section groups, chevron animation and active child highlighting.
Billing-focused FAQ accordion with plan-specific answers and expandable invoice notes.
Documentation sections as accordions with heading anchors and expand-all control.
A FAQ accordion with buttery height animation using the grid-rows trick and rotated chevrons. Rendered in the Ocean Sky palette.
Plan comparison accordion revealing per-plan feature details with check icons.
Click a panel in the horizontal row and it expands to 3.2× while others compress — description fades in.
Learning modules as accordion sections with lesson counts and progress ticks.
Settings page split into collapsible groups with toggles inside sections.
Legal FAQ accordion covering terms, privacy and refunds with prose sections.
A FAQ accordion with buttery height animation using the grid-rows trick and rotated chevrons. Rendered in the Cyber Lime palette.
A FAQ accordion with buttery height animation using the grid-rows trick and rotated chevrons. Rendered in the Sunset Amber palette.
A FAQ accordion with buttery height animation using the grid-rows trick and rotated chevrons. Rendered in the Mint Breeze palette.
Five gradient panels in a row — click one and it smoothly stretches while the others shrink to a rail.
Accessible FAQ accordion with smooth height animation and plus/minus icon morph.
A FAQ accordion with buttery height animation using the grid-rows trick and rotated chevrons. Rendered in the Candy Pink palette.
Compact section toggling open with height animation and chevron.
Single accordion item with animated chevron and smooth height.
A FAQ accordion with buttery height animation using the grid-rows trick and rotated chevrons. Rendered in the Royal Gold palette.
A FAQ accordion with buttery height animation using the grid-rows trick and rotated chevrons. Rendered in the Ultra Violet palette.
Height-animated FAQ rows using grid-template-rows 0fr→1fr — no fixed heights, perfect easing.