Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/visual-studio-2010/4.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
简单CSS转换不执行_Css_Css Transitions - Fatal编程技术网

简单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;