Saturday, February 17, 2018

CSS Animation



When an animation is finished, it changes back to its original style, unless instructed otherwise. To end at the end, one must specify animation-fill-mode to forwards. Animation-direction merely tells it to go from beginning to end or vice-versa. One can, naturally, add a delay, and a duration; in seconds. Opacity and visibility are kindred properties. Using display: none will actually remove the object from space, and not merely render it invisible. There is an animation-play-state, that can take different values such as initial, running, paused. To my chagrin, it doesn't seem to be animatable... But this does not discourage the JavaScript developer: it is the starting point. Indeed, one is going to need a start/stop button, if nothing else, for easier work on the animation one wants to make!!




No comments: