3d rotating text css

1#spinner {
2  animation-name: spinner;
3  animation-timing-function: linear;
4  animation-iteration-count: infinite;
5  animation-duration: 3s;
6  transform-style: preserve-3d;
7  text-align:center;
8}
9@keyframes spinner {
10  from {
11    transform: rotateY(0deg);
12  }
13  to {
14    transform: rotateY(-360deg);
15  }
16}