Search
Star
Feedback
Setup for Free
© 2026 Hedgehog Software, LLC
Twitter
GitHub
Discord
System
Light
Dark
More
Communities
Docs
About
Terms
Privacy
How to animate translateY with limits - Kevin Powell - Community
KP-C
Kevin Powell - Community
•
4y ago
lko
How to animate translateY with limits
I have this simple setup
https://codepen.io/Lko3001/pen/oNyRPrr
, and the
.shifted
.shifted
columns are translated vertically of 128px
, how can I do such that the more I scroll the more the translate value decreases until it becomes
-128px
? 128 and
-128 are the max and lowest value the translate should have
, how do I do that
?
Kevin Powell - Community
Join
A friendly place for developers to meet other devs, ask questions, get help, and just have a good time 🙂.
36,263
Members
View on Discord
Resources
ModelContextProtocol
ModelContextProtocol
MCP Server
Recent Announcements
Similar Threads
Was this page helpful?
Yes
No
Similar Threads
How to Animate Slider Loop?
KP-C
Kevin Powell - Community / front-end
3y ago
How to animate SVG image
KP-C
Kevin Powell - Community / front-end
3y ago
How to animate text like this?
KP-C
Kevin Powell - Community / front-end
3y ago