bouncy text 1

<Style>
.bouncyyy {
font-size: 1.5em;
display: inline-block;
font-family: lovely;
color: #854234;
z-index: 99;
animation: bounce 3s infinite;
animation-timing-function: cubic-bezier(0.25, 0.85, 0.4, 1);
width:auto;
;}

.letterone { animation-delay:0s; display:inline-block;}
.lettertwo { animation-delay:0.2s; display:inline-block;}
.letterthree { animation-delay:0.4s; display:inline-block; }
.letterfour { animation-delay:0.6s; display:inline-block;}
.letterfive { animation-delay:0.8s; display:inline-block;}
.lettersix { animation-delay:1s; display:inline-block;}
.letterseven { animation-delay:1.2s; display:inline-block;}
.lettereight { animation-delay:1.4s; display:inline-block;}

@keyframes
bounce {
0% {
transform: scale(1,1) translateY(0); }
10% {
transform: scale(1.1,.9) translateY(0);
}
30% { transform: scale(.9,1.1) translateY(-10px);
}
50% {
transform: scale(1.05,.95) translateY(0); }
60% {
transform: scale(1,1) translateY(-4px);
}
100% { transform: scale(1,1) translateY(0);
}
}
</style>