transition-timing-function: ease-in-out;
    }

    .linear {
      transition-timing-function: linear;
    }

    .cb {
      transition-timing-function: cubic-bezier(0.2, -2, 0.8, 2);
    }
  </style>
</head>
<body>
  <div class="parent">
    <div class="ease">ease</div>
    <div class="easein">ease-in</div>
    <div class="easeout">ease-out</div>
    <div class="easeinout">ease-in-out</div>
    <div class="linear">linear</div>
    <div class="cb">cubic-bezier(0.2,-2,0.8,2)</div>
  </div>
  <script>
    f