读书笔记:《SVG精髓》 – [美] J. David Eisenberg / [加] Amelia Bellamy-Royds 著 / 易郑超 何鹏飞 译
介绍了栅格图形和矢量图形的特点以及SVG的使用方法，包括视口、坐标系统、变换和动画等内容。强调了SVG在图形渲染中的灵活性和高效性，通过分组、引用和优化加载时间提高性能，同时提供了多种技巧来实现复杂的图形操作。
标签： 动画
读书笔记:《SVG动画》 – [美]莎拉·德拉斯纳 著 / 大漠 译
探讨了SVG的响应式设计、优化导出及动画在用户体验中的重要性，强调通过自然的缓动函数与细节观察提升动画效果。同时介绍了动画设计的原则、原型迭代和组件库开发，建议通过A/B测试验证动画的实际效果，避免过度设计或分散用户注意力。
使用 max-height 实现动画效果的“展开收起”
介绍了利用 CSS 设置 max-height 属性在 0 与目标高度之间切换，实现“展开收起”动画效果的方法。通过设置 transition 属性实现平滑过渡，避免使用 JavaScript。需注意 max-height 值不宜过大，以免导致视觉延迟影响动画效果。