<p>You can make your website better by smooth scrolling in just 1 minute with pure CSS. To be honest before I found this trick I was using JavaScript to implement <strong>smooth scrolling</strong>. With only 1 line of code you can have smooth scrolling in your site. </p>
<p>First create a simple markup with 2 or 3 sections. And link the CSS file. In the CSS file select <code>html</code> and type <code>scroll-behavior: smooth;</code>.  That's It. 😉</p>
<pre><code><span class="hljs-selector-tag">html</span> {
  <span class="hljs-attribute">scroll-behavior</span>: smooth;
}
</code></pre><p>Just like that smooth scroll is there!! 😀. I know this isn't a blog post. But I hope you guys enjoyed it. What do you think about this trick. Let's discuss below!</p>
<div class="embed-wrapper"><div class="embed-loading"><div class="loadingRow"></div><div class="loadingRow"></div></div><a class="embed-card" href="https://codepen.io/manethye/pen/PomrKgX">https://codepen.io/manethye/pen/PomrKgX</a></div>


You can make your website better by smooth scrolling in just 1 minute with pure CSS. To be honest before I found this trick I was using JavaScript to implement **smooth scrolling**. With only 1 line of code you can have smooth scrolling in your site. 

First create a simple markup with 2 or 3 sections. And link the CSS file. In the CSS file select `html` and type `scroll-behavior: smooth;`.  That's It. 😉

```
html {
  scroll-behavior: smooth;
}
```

Just like that smooth scroll is there!! 😀. I know this isn't a blog post. But I hope you guys enjoyed it. What do you think about this trick. Let's discuss below!

%[https://codepen.io/manethye/pen/PomrKgX]

CSS Smooth Scroll

CSS Smooth Scrolling - CSS Tips

I'm maneth | Web(3) Dev | React Lover | Creator | Writer