Плавная прокрутка только с чистым CSS [дубликат]

На этот вопрос уже есть ответ здесь:

Как я могу сделать плавную прокрутку только с чистым CSS.

У меня есть этот кодскрипка

HTML

<a id="up" href="#down">down</a>
<div class="up"></div>

<a id="down" href="#up">up</a>
<div class="down"></div>

CSS

.up {
    width:100px;
    height: 600px;
    background-color: red;
}

.down {
    width:100px;
    height: 400px;
    background-color: yellow;
}

я знаю:target может помочь, но я не знаю, как использовать его сtransition.