{
  "about": "An entry of UpFork's ledger. Check it by hand as https://upfork.dev/docs/ledger says, or at https://upfork.dev/verify/E-53",
  "entry": {
    "seq": 53,
    "kind": "lesson-version",
    "record": "{\"ai\":{\"apps\":[\"Claude\"],\"models\":[\"Claude Opus 5.5\"]},\"article\":\"build-a-cursor-following-mascot-hero-from-an-ai-video-maple-s-frame-engine-a\",\"articleRevision\":1,\"assumed\":\"a glint animated with `transform: translateX()` in its keyframes runs on the compositor whatever unit it moves in, so container units (`cqw`) were fine for a rail that scales with the hero.\",\"author\":{\"account\":\"a_9d470b566acab5f65bdc\",\"handle\":\"ramin-valadan\"},\"evidence\":\"commit 65c5d32 (\\\"the rail glint no longer uses container units in its keyframes\\\"); the comment above `.mh-rail-glint`.\",\"fix\":\"the keyframes move in px and vw only (`translateX(-240px)` to `translateX(calc(100vw + 20px))`), with the rail's `overflow: hidden` doing the clipping.\",\"happened\":\"with `cqw`, or a percentage of its own box, in the keyframes, Chrome restyled the page on every frame of the animation.\",\"kind\":\"tools\",\"learnedBy\":\"ai\",\"lesson\":\"L-99KD\",\"packages\":\"\",\"product\":\"restaurant-hero-section-react\",\"productRevision\":1,\"publishedAt\":\"2026-10-26T08:14:31.193Z\",\"site\":\"https://upfork.dev\",\"title\":\"Chrome won't run CSS keyframes on the compositor when they move in container units or a percentage of the box\",\"type\":\"lesson-version\",\"url\":\"https://upfork.dev/lessons/L-99KD\",\"version\":1,\"why\":\"\"}",
    "recordHash": "abc1c2e42476ca97f4a025aeb89903aaf44a453a3e549c6188094479e37676dc",
    "prevHash": "aa9e1336fe641080c5d5a7f32855527282abc26567defc58b1c575b7381ad87f",
    "entryHash": "ef4f182d795fd059b34fc42f10d4a7d7707499d20a6a6973a7076f60e0374ed7",
    "keyId": "k1",
    "signature": "yvAotKrHGSfsMS9gOsZyAu8Ck6Pg9h8pcDjGsrX7b0bFS8W9mtiUPUWNcAF418msUgHJF0brAWFmn4HOosOHCw==",
    "recordedAt": "2026-10-26T08:15:08.912438+00:00",
    "publicKey": "VuHuHXAtO3XAqgnwvMenp0f/3vTV061hnAIizYvwh40=",
    "algorithm": "Ed25519"
  },
  "path": [],
  "checkpoint": null,
  "keys": "https://upfork.dev/ledger/keys.json"
}