Css 动画结束后显示内容

Css 动画结束后显示内容,css,css-animations,Css,Css Animations,我想延迟制作动画css。第一个div必须隐藏,在动画结束后,我想显示我的div。但是我的div隐藏之后 #测试p{ 边缘顶部:25px; 字号:21px; 文本对齐:居中; 不透明度:0; 动画:fadein 2s线性2s; -moz动画:fadein2s线性2s; /*火狐*/ -webkit动画:fadein2s线性2s; /*狩猎与铬*/ -o-动画:fadein 2s线性2s; /*歌剧院*/ } @关键帧淡入淡出{ 从{ 不透明度:0; } 到{ 不透明度:1; } } @-moz关

我想延迟制作动画css。第一个div必须隐藏,在动画结束后,我想显示我的div。但是我的div隐藏之后

#测试p{
边缘顶部:25px;
字号:21px;
文本对齐:居中;
不透明度:0;
动画:fadein 2s线性2s;
-moz动画:fadein2s线性2s;
/*火狐*/
-webkit动画:fadein2s线性2s;
/*狩猎与铬*/
-o-动画:fadein 2s线性2s;
/*歌剧院*/
}
@关键帧淡入淡出{
从{
不透明度:0;
}
到{
不透明度:1;
}
}
@-moz关键帧fadein{
/*火狐*/
从{
不透明度:0;
}
到{
不透明度:1;
}
}
@-webkit关键帧fadein{
/*狩猎与铬*/
从{
不透明度:0;
}
到{
不透明度:1;
}
}
@-o-关键帧fadein{
/*歌剧院*/
从{
不透明度:0;
}
到{
不透明度:1;
}
}

知识产权是一种权利,是一种精英的权利,是劳动和财富的暂时性权利。但是,在最低限度上,我们需要一个实验室来进行日常工作。酒后驾车
这是一种不受欢迎的行为,它是一种不受欢迎的行为。除偶尔因疏忽而死亡外,不得因疏忽而导致动物死亡


只需在动画中使用
转发
动画填充模式
):

#测试p{
边缘顶部:25px;
字号:21px;
文本对齐:居中;
不透明度:0;
动画:fadein 2s线性2s向前;
/*或
动画:fadein 2s线性2s;
动画填充模式:正向;
*/
}
@关键帧淡入淡出{
从{
不透明度:0;
}
到{
不透明度:1;
}
}

知识产权是一种权利,是一种精英的权利,是劳动和财富的暂时性权利。但是,在最低限度上,我们需要一个实验室来进行日常工作。酒后驾车
这是一种不受欢迎的行为,它是一种不受欢迎的行为。除偶尔因疏忽而死亡外,不得因疏忽而导致动物死亡


似乎在
fadein2s
之后移除
线性2s
可以让它工作

animation: fadein 2s;
-moz-animation: fadein 2s; /* Firefox */
-webkit-animation: fadein 2s; /* Safari and Chrome */
-o-animation: fadein 2s; /* Opera */

您试图通过组合线性和fadein来实现什么?

fadein是动画的名称:),而线性是一个计时函数。。2秒是延迟时间。。我建议在发布这样的答案之前阅读更多关于动画是如何工作的…是的,我在发布答案之前确实仔细研究了它,而fadein并没有在该页面上定义,这就是我寻求澄清的原因。但请注意,我不否认我还有很多东西要学,而且在某些领域比其他领域知识要丰富得多…因为fadein是OP定义的动画名称。。。看看他的代码,看看如何定义和运行动画