Можно без JS, только-CSS: слой приблизить по оси Z и уменьшить – для «ускорения» прокрутки; и наоборот, отдалить и увеличить (чтобы он воспринимался таким же по размеру) – для «замедления».
Демо.
CSS:
.forefront-element {
-webkit-transform: translateZ(999px) scale(.7);
transform: translateZ(999px) scale(.7);
z-index: 1;
}
.base-element {
-webkit-transform: translateZ(0);
transform: translateZ(0);
z-index: 4;
}
.background-element {
-webkit-transform: translateZ(-999px) scale(2);
transform: translateZ(-999px) scale(2);
z-index: 3;
}
via.
