ul[data-liffect="fadeIn"] li {
    opacity: 0;
    position: relative;
    -webkit-animation: fadeIn 500ms ease both;
    -webkit-animation-play-state: paused;
    -moz-animation: fadeIn 500ms ease both;
    -moz-animation-play-state: paused;
    -o-animation: fadeIn 500ms ease both;
    -o-animation-play-state: paused;
    animation: fadeIn 500ms ease both;
    animation-play-state: paused;
}

ul[data-liffect="fadeIn"].play li {
    -webkit-animation-play-state: running;
    -moz-animation-play-state: running;
    -o-animation-play-state: running;
    animation-play-state: running;
}

@-webkit-keyframes fadeIn {
    0% { opacity: 0; }
    100% { opacity: 1; }
}

@-moz-keyframes fadeIn {
    0% { opacity: 0; }
    100% { opacity: 1; }
}

@-o-keyframes fadeIn {
    0% { opacity: 0; }
    100% { opacity: 1; }
}

@keyframes fadeIn {
    0% { opacity: 0; }
    100% { opacity: 1; }
}