跳至内容

除除

菜单
  • 首页
  • 留言板
  • 友链
Close search bar

标签: 用户体验

使用 max-height 实现动画效果的展开和收起

2018年7月14日2025年9月27日除除
介绍了利用 CSS 设置 max-height 属性在 0 与目标高度之间切换,实现“展开收起”动画效果的方法。通过设置 transition 属性实现平滑过渡,避免使用 JavaScript。需注意 max-height 值不宜过大,以免导致视觉延迟影响动画效果。

近期文章

  • - 前端性能和加载体验优化实践
  • - Postman 使用指南: 请求、变量
  • - Promise: 异步编程的理解和使用

合集

  • - Git 常用命令
  • - npm 常见问题
  • - webpack 常用配置
  • - Banner 常用尺寸
  • - CDN 常用库

小工具

  • - Markdown 转 HTML
  • - 拼单计算器

分类目录

  • Backend (54)
  • Client (1)
  • DevOps (44)
  • Docker (6)
  • HTML/CSS (41)
  • JavaScript (119)
  • Nginx (13)
  • UI Design (2)
  • 分享 (7)
  • 工具 (12)
  • 数据库 (15)
  • 数据结构与算法 (14)
  • 文章 (26)
  • 旅行 (3)
  • 日记 (20)
  • 烹饪 (16)
  • 生活 (2)
  • 睡前故事 (4)
  • 网络协议 (4)
  • 读书笔记 (38)

标签

ASP Async Bootstrap CDN Config CSS CSS3 Debian Docker DOM ECMAScript ECMAScript6 ES6 Frontend Notes Fry Funny Git GitHub GitLab Go Golang H5 HTML HTTP IE JavaScript jQuery JScript Linux MySQL Nginx Node.js npm PHP SQL SQLServer Troubleshooting Vue.js webpack 优化 异步 性能 数据结构 算法 缓存
Copyright © 2026 除除 - 苏ICP备16050427号-3
Scroll to top