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
Post a Comment