Как сделать, чтобы у navbar'a при перемещении на нижнюю секцию плавно появлялся бордер и бэкграунд?

Question

[Nikita Titov]

Привет.

Есть транспарентный фиксированный навбар, хочу, чтобы при перемещении на следующую секцию он плавно (через transition, скорее всего) менял цвет на #000 и появился border: #fff. Но я не знаю как это делается. Может быть через @ media?

Могли бы, знающие люди, написать мне — новичку? Ещё одна удобная вещь попадёт в мою копилку знаний css.

Заранее большое спасибо!

Answer 1

[Златослав Десятников]

Используйте :hover и transiton.

JS Fiddle

Можете менять у transition время и функцию плавности.

Шпаргалка по функциям плавности: link.