arrow point

<style>

.point {
color: white;
text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000, 0 0;
font-size: 2em;
animation-name: pointing;
animation-duration: 1s;
animation-iteration-count: infinite;
animation-timing-function: ease-in-out;
}
@keyframes pointing {
0% { transform: translate(0, 0px); }
50% { transform: translate(10px, 0px); }
100% { transform: translate(0, 0px); }
}
</style>

<div class="point">→ ←</div>