Пример:http://www.chartjs.org/

При прокрутке вниз каждая статья отображается, когда она попадает в порт просмотра браузера. CSS это

#examples article {
    -webkit-transition: opacity 200ms ease-in-out;
    -ms-transition: opacity 200ms ease-in-out;
    -moz-transition: opacity 200ms ease-in-out;
    -o-transition: opacity 200ms ease-in-out;
    transition: opacity 200ms ease-in-out;
    position: relative;
    margin-top: 20px;
    clear: both;
}

Я попробовал этот CSS, но он не работает. Есть ли какой-нибудь JavaScript, который работает вместе с CSS? Как я могу достичь такого вида прокрутки->исчезает эффект?