service-call-tile-feature
service-call-tile-feature copied to clipboard
Nerwyn
Slider animation does not match built-in
Hi. Great project, big fan.
Recently started to use the slider feature and noticed that the animation was a bit slow, occasionally glitchy and doesn't match the built-in slider animation.
Here's a sample of what I'm seeing. Top card is using this project, bottom card is using the built-in slider.
Is there any CSS that can be used to customize the animation?
The sliders are heavily modified input ranges. AFAIK it isn't possible to animate them with CSS, so instead it's value is changed at a fixed rate to make it not suddenly jump to its new value. This isn't efficient and is why it doesn't look great. At some point I need to rewrite the sliders so they no longer use input ranges and instead are just fancy divs which can be animated purely with CSS.
@mill1000 I've put out the first alpha for 4.4.0. It reworks the sliders to be transform/transition friendly. I still have more features I want to implement and change to make to the slider before it's ready for a release but it'll be available as a pre-release until then.