如何在动画中打开opendoor效果css从右向左打开？

<div class="door">
  <div class="left"></div>
  <div class="right"></div>
</div>

.door {
  position: relative;
  width: 200px;
  height: 300px;
  perspective: 1000px;
}

.left, .right {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 50%;
  background-color: #ccc;
  transform-origin: left center;
  animation: openDoor 2s forwards;
}

.left {
  left: 0;
}

.right {
  right: 0;
}

@keyframes openDoor {
  0% {
    transform: rotateY(0deg);
  }
  100% {
    transform: rotateY(-90deg);
  }
}