Web sitemizde iç sayfalarda link kullanıyorsak geçişi yavaş yapmamız , sitemizin daha estetik görünmesini ve geçişlerin yumuşak olmasını sağlayacaktır. Bunun için stil dosyamıza aşağıdaki kodları en üste ekleyebiliriz.
html {
scroll-behavior: smooth;
}
@media screen and (prefers-reduced-motion: reduce) {
html {
scroll-behavior: auto;
}
}Şimdi sayfa içlerine tıkladığınızda geçiş farkını göreceksiniz. Direkt olarak linke gitmek yerine slayt şeklinde , sayfa içi linke yumuşak bir geçiş sağlayacaktır.
