/*!
 * Mowe UI Helpers v0.5.0 (http://getvilla.org/)
 * Copyright 2013-2015 Noibe Developers
 * Licensed under MIT (https://github.com/noibe/villa/blob/master/LICENSE)
*/

/* Mowe Effects and Transitions */

/* Fade */

/* Fade-in */
/* You can edit the attributes */
.fade-in {
    animation: fade-in 1s ease-in-out 0s 1;
    -webkit-animation: fade-in 1s ease-in-out 0s 1;
}

@-webkit-keyframes fade-in {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes fade-in {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

/* Fade-out */
/* You can edit the attributes */
.fade-out {
    animation: fade-out 1s ease-in-out 0s 1;
    -webkit-animation: fade-out 1s ease-in-out 0s 1;
}

@-webkit-keyframes fade-out {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes fade-out {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}
Add UI Helpers to Effects, transitions and animations New animation and class to add Fade transition to elements
Add UI Helpers to Effects, transitions and animations
New animation and class to add Fade transition to elements
