Frontend

Getting back into motion land for a bit and trying to get up to speed with all the things! 

Anybody know if framer-motion will allow me to use CSS variables to define my transition configs (stiffness, damping, etc)? I know I can use CSS vars for animated values, but not having luck using them for my configs…

𝓓𝓲𝓼𝓽𝓲𝓷𝓰𝓾𝓲𝓼𝓱𝓮𝓭 Engineer at C̶o̶i̶n̶b̶a̶s̶e̶ Yahoo. Yes

Building Design Systems and frontend tools at your favorite internet company like it’s 1999.

/frontend dev・founder/decentralized data wrangler /blockhead・ritual.net・UI/UX abstractionist・DeFi/web3 builder・dropout・24・prev /dydx・x.com/darryl__yeo

haha I hear the concern, but modifying/watching these variables isn't my use case. I'm working on a tailwind plugin that assigns a bunch of css vars from a user config - and I'd like hook into the same infra for assigning my transition values 🤷

CSS variables are inheritable/overridable CSS properties, so if this were possible Framer Motion would have to constantly watch the element for changes to each variable’s computed value. Probably overkill for configuring a spring animation which needs to be calculated frame-by-frame in JavaScript.

Don’t do this.

𝚆𝙾𝚁𝙺𝙸𝙽𝙶 𝙾𝙽: @vision 👁️ ✦  ensdata.net ✦ pugson.net/rfe ✦ 𝙿𝚄𝙶.𝙴𝚃𝙷 ✦ 𝙿𝚁𝙴𝚅: @rainbow 🌈 

lol I promise I have a legit use case 💀