First JS here:
function addanimation (argument) {
$ ('. Plane-outer '). addclass (' plane-outer-animation ');
$ ('. Plane '). addclass (' plane-animation ');
$ ('. Text '). addclass (' text-animation ');
}
function removeanimation (argument) {
$ ('. Plane-outer '). Removeclass (' plane-outer-animation ');
$ ('. Plane '). Removeclass (' plane-animation ');
$ ('. Text '). Removeclass (' text-animation ');
}
Addanimation ();
Then use the timing to remove the animation:
var num = 0;
Function timing () {
num++;
if (num% = 0) {
removeanimation ();
} else if (num% = 2) {
addanimation ();
}} SetInterval ("timing ()", 1000);
Animate CSS on two div and finish off animation, CSS3 style as follows:
. Index. plane-outer-animation {
-webkit-animation:forward 6s 1 linear;
Animation:forward 6s 1 linear;
Index. plane-animation {
-webkit-animation:down 6s 1 ease-in;
Animation:down 6s 1 ease-in;
Index. text-animation {
-webkit-animation:dashin 1s 5s 1 ease-in, wobble 2s 5s 2, dashout 5s 6s 1;
Animation:dashin 1s 5s 1 ease-in, wobble 2s 5s 2, dashout 5s 6s 1;