The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Combine multiple classes with multiple animations

  • This topic is empty.
Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
  • #167077


    The situation I would like to create is as following:
    – Have a css file with several (lets say 10) animations ready like fadein, fadeout, roll-left, roll-right etc.
    – Create an div element with class=’fadein roll-left’ I want this element to fadein and roll-left.

    I want this to be accomplished without creating a .fadein.roll-left class because when I’ve got 10 animations I need to make (something like?) 10^10 classes to be able to get all the variations?

    Here is a codepen for better explanation:

    In short my question is: is there any way to ‘merge’ multiple animation-name: …; instead of overwriting the other.

    Hope my question is clear, thanks.


    Not that I am aware of although you might wan to look into animate.css

    With the level of complexity you seem to have I would seriously be looking into Jquery animation functions more closely.

Viewing 2 posts - 1 through 2 (of 2 total)
  • The forum ‘CSS’ is closed to new topics and replies.