#h1 p {position:absolute;top:0;left:0;width:100%;margin:0}
#h1 l {display:inline-block}
#h1 p:nth-child(1) {animation:p1Show 3s infinite ease-in-out}
#h1 p:nth-child(1) l {animation:p1Start 3s infinite cubic-bezier(.25, .46, .45, .94)}
#h1 p:nth-child(2) {animation:p2Show 3s infinite ease-in-out}
#h1 p:nth-child(2) l {animation:p2Back 3s infinite cubic-bezier(.25, .46, .45, .94)}
@keyframes p1Show {
0% {opacity:1}
50%, 100% {opacity:0}
}
@keyframes p2Show {
0% {opacity:0}
50%, 100% {opacity:1}
}
@keyframes p1Start {
0% {transform:translate(0px, 0px)}
50%, 100% {transform:translate(var(--x1), var(--y1))}
}
@keyframes p2Back {
0% {transform:translate(var(--x2), var(--y2))}
50%, 100% {transform:translate(0px, 0px)}
}