<!DOCTYPE html> | |
<style> | |
@keyframes rotate { | |
from {transform: rotateY(180deg);} | |
to {transform: rotateY(0deg);} | |
} | |
#target { | |
width: 100px; | |
height: 100px; | |
animation: rotate 9999s linear 0s infinite; | |
} | |
.backface-visible { | |
backface-visibility: visible; | |
} | |
.backface-hidden { | |
backface-visibility: hidden; | |
} | |
</style> | |
<div id="target" class="backface-visible"></div> |