ahmed-wagdi/angular-joyride

Step transitions aren't working

Opened this issue · 1 comments

edarioq commented

This SASS doesn't do anything, am I missing something?

//////////// STEP TRANSITION ANIMATIONS
    &.jr_transition {
        opacity: 0;
    }
    &.jr_transition-add {
        opacity: 1;
        transform: translateY(0px);
    }
    &.jr_transition-add-active {
        transform: translateY(-100px);
        opacity: 0;
    }

    &.jr_transition-remove {
        opacity: 0;
        transform: translateY(-100px);
    }

    &.jr_transition-remove-active {
        opacity: 1;
        transform: translateY(0px);
    }
ahmed-wagdi commented

This adds the fade-in/out animation between steps.

Could you explain what problem you're having exactly?