cssのコード1行でスムーズにTOPに戻る方法

　今までいろんな方法を試していた方に必見です。

cssのtransitionやJavascript,jQueryなどのクリックイベントを使ってやっていたことを、コード1行でスムーズな動きで実装できます。

ステップ１

まず、htmlに👇のように#として対象のボタンをリンクします。

<a href = "#">
  <span class="クラス名"></span>
</a>

ステップ２

cssでそのクラス名のボタンデザインを作成

ステップ３

スムーズにするためのコードを記述

html {
  scroll-behavior: smooth;
}