Esta es la respuesta más completa que te podemos brindar, pero primero obsérvala pausadamente y valora si se adapta a tu proyecto.
Ejemplo 1: CSS de animación de texto
<!DOCTYPE html><html><head><style>
div
width:100px;
height:100px;
background-color: red;
position: relative;
animation: myfirst 5s linear 2s infinite alternate;
@keyframes myfirst 0%background-color:red; left:0px; top:0px;25%background-color:yellow; left:200px; top:0px;50%background-color:blue; left:200px; top:200px;75%background-color:green; left:0px; top:200px;100%background-color:red; left:0px; top:0px;</style></head><body><p><b>Note:</b>This example does not work inInternetExplorer9 and earlier versions.</p><div><p>you can add text inthis box or anithing else like a pictrue</p></div></body></html>Ejemplo 2: CSS de animación de texto
.ml6
position: relative;
font-weight:900;
font-size:3.3em;.ml6.text-wrapper
position: relative;
display: inline-block;
padding-top:0.2em;
padding-right:0.05em;
padding-bottom:0.1em;
overflow: hidden;.ml6.letter
display: inline-block;
line-height:1em;Recuerda que tienes la capacidad de glosar si te ayudó.
¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)