在对话框中打开时，角度垫-滑块从100到0设置动画

<div class="dialog">
  <div class="slider"></div>
</div>

.dialog {
  width: 200px;
  height: 200px;
  background-color: #ccc;
  position: relative;
}

.slider {
  width: 100px;
  height: 100px;
  background-color: #f00;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(100deg);
}

.slider {
  animation-name: rotateAnimation;
  animation-duration: 1s;
  animation-timing-function: linear;
}

@keyframes rotateAnimation {
  0% {
    transform: translate(-50%, -50%) rotate(100deg);
  }
  100% {
    transform: translate(-50%, -50%) rotate(0deg);
  }
}