模态内顺风高度转换
模态内顺风高度转换
提问于 2020-11-04 15:20:21
我有一个模式(写在反应，但这并不重要)，并在里面，我试图添加一个手风琴。我的手风琴上下滑动得很好，我的问题是，根据手风琴的转换，模态的高度会立即上下跳跃。
有没有办法使模态高度沿手风琴边的过渡方向增长？谢谢
编辑：重述问题。
回答 1
Stack Overflow用户
发布于 2020-11-05 06:31:38
向tailwind.config.js文件中添加以下行并重新构建CSS静态文件：
theme: {
extend: {
transitionProperty: {
'height': 'height'
}
}
}现在，您应该能够使用高度作为一个转换属性：
transition-height duration-500 ease-in-out如果您想简单地测试动画，假设在手风琴上悬停，您还可以将以下内容添加到配置文件中：
variants: {
height: ['responsive', 'hover', 'focus']
}如果您现在在任何div上使用以下类，则动画应该可以正常工作：
bg-green-500 transition-height duration-500 ease-in-out h-8 hover:h-20干杯艾伦
顺风文档：
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/64689082
复制相关文章
相似问题
添加站长 进交流群
领取专属 10元无门槛券
AI混元助手 在线答疑
关注 腾讯云开发者公众号
洞察 腾讯核心技术
剖析业界实践案例
腾讯云开发者
