På vores hjemmeside; Hvis vi bruger links på siderne, vil en langsom overgang få vores side til at se mere æstetisk ud, og overgangene vil være glatte. Til dette kan vi tilføje følgende koder til vores stilfil øverst.
html {
scroll-behavior: smooth;
}
@media screen and (prefers-reduced-motion: reduce) {
html {
scroll-behavior: auto;
}
}
Når du nu klikker på sidens indhold, vil du se forskellen i arbejdet. I stedet for at gå direkte til linket, vil det give en glidende overgang til linket i form af et dias inde på siden.