Question

Is it possible to change the animation keyframe attributes by making inline adjustments.

Take for example

@-moz-keyframes slidein {
    from {
        width: 10%;
    }

    to {
        width:50%;
    }
}

Would it be possible to change the width attribute in the ‘to’ portion of the keyframe, by doing something like

<div id="someID" style="change keyframe here">

For the time being I am just creating an entire style sheet dynamically on the page in order to customize the keyframes.

This method works, however I would much rather adjust the attributes inline for simplicity.

Answer 1

No. since the animation is not declared in the element, it’s only called upon it. It’s like trying to add methods into an object instead of to a class. Not possible, sorry 😉