Smooth Scrolling in CSS3

Hello friends.
I have noticed that many people are using Smooth Scroll behavior these days on the websites, which is a good thing. And it looks good too. But many people use JavaScript or jQuery to do this. This is right. But it can also be done in an easier way.

Now you must be thinking which is the easiest way I am talking about. I am talking about CSS3, you can also find behavior like Smooth Scrolling through CSS3.

You just need to apply the below rule on your web page.


html {
  scroll-behavior: smooth;
}