Mixins

kf-lag ($lag-time, $animation-map)

Adds lag time at the end of the given animation map. The lag time should be specified as a standard CSS timing value, for example 2s or 1000ms are both valid lag times.

.kf-lag-example {
  @include kf-lag(2000ms, (
    'div': (margin-left: (0ms: 0%, 2s: 100%))
  ));
}

.kf-lag-example {
  max-width: 600px;
  width: 100%;
  div {
    height: 20px;
    width: 20px;
    background: white;
    border: 1px solid black;
  }
}

<div class='kf-lag-example'>
  <div></div>
</div>

Edit

kf-ease

kf-lead