Any way to synchronize CSS transitions with touch events (swipe)?

Question

For example, if the swipe is slower, transition speed should also slow down.

If this is not possible with only CSS, what would be the least painful way to approach this with javascript? Essentially I'm trying to avoid declaring the transition rules in javascript.

Answer 1

You could stablish the rules for the transition in CSS (transition-property, transition-delay and transition-timing-function), and use javascript just to set transition-duration. This way everything is set up in CSS except the duration, which is what you want.