css实现的tabs

scene.scss

[class^=scene-] {
  transform: translate3d(0, 0, 0);
  transition: .3s ease;
  display: flex;
  flex-flow: row nowrap;

  @for $i from 0 through 5 {
    &.scene-#{$i} {
      transform: translate3d(#{-($i * 100%)}, 0, 0);
    }
  }

  > * {
    width: 100%;
    flex: none;
    transition: .3s;
  }
}