简单CSS转换不执行
简单CSS转换不执行,css,css-transitions,Css,Css Transitions,此处文本 当悬停时,我希望淡入并滑入。问题是,对于演示中的CSS,只是“弹出”而不是动画。您需要用逗号分隔要转换的属性: p { opacity: 0; max-height: 0; transition: max-height .5s ease, opacity .5s ease; } 转换速记不支持同一位置的多个属性: transition: max-height .5s ease, opacity .5s ease; 您还需要overflow:hidd
此处文本
当
悬停时,我希望
淡入并滑入。问题是,对于演示中的CSS,只是“弹出”而不是动画。您需要用逗号分隔要转换的属性:
p {
opacity: 0;
max-height: 0;
transition: max-height .5s ease, opacity .5s ease;
}
转换
速记不支持同一位置的多个属性:
transition: max-height .5s ease, opacity .5s ease;
您还需要overflow:hidden
使其看起来像是在滑动 这个。
transition: max-height .5s ease, opacity .5s ease;