In our website; If we use links on the pages, making the transition slow will make our site look more aesthetic and the transitions will be smooth. For this, we can add the following codes to our style file at the top.
html {
scroll-behavior: smooth;
}
@media screen and (prefers-reduced-motion: reduce) {
html {
scroll-behavior: auto;
}
}Now when you click on the page contents, you will see the difference in work. Instead of going directly to the link, it will provide a smooth transition to the link in the form of a slide, inside the page.
