Grow your CSS skills. Land your dream job.

Combine multiple classes with multiple animations

  • # March 29, 2014 at 4:34 am

    Hi,

    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: http://codepen.io/Sormano/pen/Bbphs

    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.

    # March 29, 2014 at 5:34 am

    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)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".