CSS3 переход цвета

Question

Я хочу, чтобы добавить этот эффект перехода на веб-сайт: http://www.formuswithlove.se/ (когда вы приедете к следующему якорю изменение фонового цвета)

Как я могу это сделать?

Заранее спасибо

Answer 1

Я не думаю, что это может быть сделано с помощью чистого CSS, но вы можете просто проверить величину прокрутки на window.scroll события и обновить цвет фона для тела (или элемент контейнера) , Вам также может понравиться переход.

window.addEventListener('scroll', function() { 
    if (document.body.scrollTop > 500) { 
     document.body.style.backgroundColor = "red" 
    } 
    else { 
     document.body.style.backgroundColor = "transparent" 
    } 
}); 

http://jsfiddle.net/GnX8A/1/