html – 在CSS动画后隐藏Div

概述我在 CSS3页面加载时有一个延迟动画.一切正常,但在动画完成后,DIV会重新进入可见性：隐藏. .content-left { margin-left: 100px; margin-top: 32px; position: absolute; z-index: 1; visibility: hidden; -webkit-animation: f 我在 CSS3页面加载时有一个延迟动画.一切正常,但在动画完成后,div会重新进入可见性：隐藏.

.content-left {    margin-left: 100px;    margin-top: 32px;    position: absolute;    z-index: 1;     visibility: hIDden;    -webkit-animation: fadein 1s 2s ease; /* Safari and Chrome */    animation: fadein 1s 2s ease;}@keyframes fadein {from { height: 0px; }to   { height: 421px; visibility: visible;} }@-webkit-keyframes fadein {from { height: 0px; }to   { height: 421px; visibility: visible;}}@H_301_12@解决方法 发生这种情况是因为一旦动画完成,它将恢复为原始样式.  
  
但是,您可以指导动画在完成播放后保留动画的最后一帧,称为Animation Fill Mode
  
动画填充模式：前锋; – 将保留动画的最后一帧.
动画填充模式：向后; – 将保留动画的第一帧.
  
或者您可以向动画声明添加前锋：
  
  
-webkit-animation: fadein 1s 2s ease forwards; /* Safari and Chrome */animation: fadein 1s 2s ease forwards;@H_301_12@                            	          总结       
以上是内存溢出为你收集整理的html – 在CSS动画后隐藏Div全部内容，希望文章能够帮你解决html – 在CSS动画后隐藏Div所遇到的程序开发问题。
如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。
					
										


					

						
欢迎分享，转载请注明来源：内存溢出
原文地址: http://outofmemory.cn/web/1068178.html