{
  "name": "Slow in and slow out spacing, 30 frames",
  "desc": "One row per frame of the 30-frame loop: role (extreme, held or in-between), step number, position and step size for even spacing and for slow in and slow out, computed from this site’s model and rounded to whole pixels.",
  "lic": "CC BY 4.0",
  "lic_url": "https://creativecommons.org/licenses/by/4.0/",
  "by": "Flickers & Tintypes",
  "url": "https://flickersandtintypes.com/animation-loops/12-principles-of-animation/",
  "from": [
    "this site's two-extreme loop: 30 frames at 12 fps, 360 px between the extremes, 11 in-betweens each way, 4 frames at each extreme",
    "cubic Bezier easing curve with control points (0.42, 0) and (0.58, 1), the W3C CSS Easing Functions Level 1 value for ease-in-out"
  ],
  "how": "Compiled by Flickers & Tintypes from the data listed",
  "data_by": [
    "Easing curve values cubic-bezier(0.42, 0, 0.58, 1) from CSS Easing Functions Level 1, W3C Candidate Recommendation Draft, 13 February 2023, https://www.w3.org/TR/css-easing-1/. Copyright © 2023 World Wide Web Consortium. https://www.w3.org/copyright/document-license-2023/"
  ]
}