in:fn/out:fn

  1. in:fn
  1. in:fn={params}
  1. in:fn|local
  1. in:fn|local={params}
  1. out:fn
  1. out:fn={params}
  1. out:fn|local
  1. out:fn|local={params}

和transition类似，但是只适用于元素和进入（in:）和元素的离开（out:）。

  1. {#if visible}
  2.     <div in:fly out:fade>
  3.         flies in, fades out
  4.     </div>
  5. {/if}

和transition不一样的是，transitions 带有in: 或 out: 指令就不是双向的。进入的过渡执行的过程中，切换至离开动画，进入动画会继续执行，且与离开动画并存。如果之前离开的动画还未执行完成，会重新开启离开的动画。