I am currently working on a CSS animation that looks like this:
@-webkit-keyframes flip {
0% {opacity:1;}
100% {opacity: 0;} //This could be 90%
//And here could be frame for 100% which would scroll it down.
}
#headercover {
-webkit-animation-name:flip;
-webkit-animation-duration:3s;
-webkit-animation-timing-function:ease;
-webkit-animation-delay:1s;
-webkit-animation-iteration-count:1;
-webkit-animation-play-state:running;
-webkit-animation-fill-mode: forwards;
After the last frame of the animation, I want the page to automatically scroll down to an anchor point. However, I am not very familiar with jQuery or JavaScript. Can anyone provide assistance?
To view the current site in progress, click HERE