En nuestro sitio web; Si usamos enlaces en las páginas, hacer que la transición sea lenta hará que nuestro sitio se vea más estético y las transiciones serán fluidas. Para esto, podemos agregar los siguientes códigos a nuestro archivo de estilo en la parte superior.
html {
scroll-behavior: smooth;
}
@media screen and (prefers-reduced-motion: reduce) {
html {
scroll-behavior: auto;
}
}Ahora, cuando haga clic en el contenido de la página, verá la diferencia en el trabajo. En lugar de ir directamente al enlace, proporcionará una transición fluida al enlace en forma de diapositiva, dentro de la página.
