I want a "fade in" transition, but when the element is not faded in, I 
don't want it to be visible/clickable. Is the best way to do it using 
`$animate.addClass/removeClass` with the following CSS?

.fade-in {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.2s;
     
    &.fade-in-add,
    &.fade-in-remove,
    &.fade-in {
        visibility: visible;
    }
     
    &.fade-in {
        opacity: 1;
    }
}

I want to use `visiblity: hidden;` instead of `display: none;` to keep the 
document flow.

-- 
You received this message because you are subscribed to the Google Groups 
"AngularJS" group.
To unsubscribe from this group and stop receiving emails from it, send an email 
to [email protected].
To post to this group, send email to [email protected].
Visit this group at http://groups.google.com/group/angular.
For more options, visit https://groups.google.com/groups/opt_out.

Reply via email to