Card Animation

<div class="card">K</div>

* {
  margin: 100px auto;
}

.card {
  background: #5ce1e6;
  font-size: 50px;
  width: 100px;
  height: 100px;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 4px 7px 0 rgb(211,247,248), 0 6px 15px 0 rgb(189, 243, 245);
  animation: rotate 5s cubic-bezier(.54, .13, .30, .87)
}
@keyframes rotate {
  0% {transform: rotateY(0turn)}
  100% {transform: rotateY(10turn)}
}