如何为页面转换添加覆盖?

我会在react_next.js中添加页面转换的覆盖图

我已经看到了这个codepend,它非常有趣地显示了我想要触发的动画:

https://codepen.io/jcoulterdesign/pen/EPNrzg

我甚至不知道这段话的意思是什么:

-# Slides
  %section.active_slide{'data-transition' => 'none'}
    .center 
      %h1 Super Easy Slider/Page Transitions
      %h2 Go ahead, click the lil arrows
  %section{'data-transition' => 'split_diagonal'}
    .center 

例如,如何使用react transition group?

我现在和react transition group一起玩,

任何暗示都很好,

谢谢