Anybody know where I place iteration count or how to stop the animation after one loop?
<style>
#top {
-webkit-transform-origin: 0 0;
-ms-transform-origin: 0 0;
transform-origin: 0 0;
-webkit-animation: bground 8s ease-in-out infinite alternate;
animation: bground 8s ease-in-out infinite alternate;
}
@-webkit-keyframes bground {
0% {
-webkit-transform: scale(1.0);
}
100% {
-webkit-transform: scale(1.1);
}
}
@keyframes bground {
0% {
transform: scale(1.0);
}
100% {
transform: scale(1.1);
}
}
</style>
The code works a treat but as you can see its set for "infinite" and simply removing it gives a nast back to original jolt, I would like it to do one complete in and out then simply stop.
Any help would be great tx!
Cheers
KISS is the key!
