În site-ul nostru web; Dacă folosim link-uri în pagini, încetinirea tranziției va face site-ul nostru să arate mai estetic, iar tranzițiile vor fi netede. Pentru aceasta, putem adăuga următoarele coduri în fișierul nostru de stil din partea de sus.
html {
scroll-behavior: smooth;
}
@media screen and (prefers-reduced-motion: reduce) {
html {
scroll-behavior: auto;
}
}Acum, când faceți clic pe conținutul paginii, veți vedea diferența de lucru. În loc să accesați direct linkul, acesta va oferi o tranziție lină la link sub forma unui diapozitiv, în interiorul paginii.
