float text (hovers over container)

<style>
#float {
text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000, 0 0;
font-style: italic;
font-size: 3em;
font-weight: bold;
color: #fff;
position: absolute;
left: 0;
width: 100%;
top: 4.5em;
z-index: 1000;
animation-name: floating;
animation-duration: 3s;
animation-iteration-count: infinite;
animation-timing-function: ease-in-out;
}

@keyframes floating {
0% { transform: translate(0, 0px); }
50% { transform: translate(0, 3px); }
100% { transform: translate(0, -0px); }
}

</style>
<div id="float">ruesha!</div>