html - CSS FADE TRANSITION -


I currently have the following code that fades in the header. I want to stay the header for about 3 seconds, then the feedout is loading the main page of the website automatically. It seems that it is very difficult to do, can anyone help?

 . Fade1 {margin-top: 25px; Font-size: 21px; Text align: center; Webkit-Animation: Pidin2S; / * Safari, Chrome and Opera & gt; 12.1 * / -moz-animation: feedin2s; / * Firefox & lt; 16 * / -mms animation: feedin2s; / * Internet Explorer / / A-Animation: Fadin2s; / * Opera & lt; 12.1 * / Animation: Fidin2S; } @ Keyframe feedin {to {opacity: 0; } {Opacity: 1; }}  

try it ... the duration of the animation must be 7 seconds

It gets stuck in more than 2 seconds, lasts for 3 seconds and then fades over 2 seconds

  @keyframes fadein { 0% {opacity: 0; } 29% {Fuzzy: 1; } 72% {Opacity: 1;} 100% {Opacity: 0;}}  


Comments

Popular posts from this blog

java - Can't add JTree to JPanel of a JInternalFrame -

javascript - data.match(var) not working it seems -

javascript - How can I pause a jQuery .each() loop, while waiting for user input? -