Describe the bug
When two EaseMotion classes are applied to the same element (e.g. ease-fade-in ease-slide-up), only the last declared animation plays because each class sets the animation shorthand, overwriting the previous value.
Steps to Reproduce
- Apply
class="ease-fade-in ease-slide-up" to any div
- Only
ease-slide-up plays; ease-fade-in is silently ignored
Expected Behavior
Both animations should play simultaneously via comma-separated animation-name values.
Suggested Fix
Refactor each class to use individual sub-properties (animation-name, animation-duration, animation-timing-function) instead of the animation shorthand, so multiple classes can compose without overriding each other.
Files to Modify
easemotion.css / easemotion.min.css
Describe the bug
When two EaseMotion classes are applied to the same element (e.g.
ease-fade-in ease-slide-up), only the last declared animation plays because each class sets theanimationshorthand, overwriting the previous value.Steps to Reproduce
class="ease-fade-in ease-slide-up"to any divease-slide-upplays;ease-fade-inis silently ignoredExpected Behavior
Both animations should play simultaneously via comma-separated
animation-namevalues.Suggested Fix
Refactor each class to use individual sub-properties (
animation-name,animation-duration,animation-timing-function) instead of theanimationshorthand, so multiple classes can compose without overriding each other.Files to Modify
easemotion.css/easemotion.min.css