Luego de buscar en diferentes repositorios y sitios webs al final descubrimos la respuesta que te mostraremos ahora.
Ejemplo 1: facilidad, facilidad de salida, facilidad de entrada, significado lineal en html
ease = starts slow , speeds in middle and slow again in the end.
ease-in = slow in the beginning , speeds up in the end.
ease-out = speeds in the beginning, slow in the end.
linear = as the name suggest, i.e. constant speed throughout the animation.
ease-in-out = starts slow, fastest in the middle , slow again in the end.
DIFFERENCE BETWEEN EASE & EASE-IN-OUT :
ease is like ease-in-out , but in ease the starting time of speeding
is less than the starting time of speeding in ease-in-out.
That means in ease the animation will start speeding before the animation
speeds in ease-in-out.Ejemplo 2: facilitar la animación en CSS
DOCTYPEhtml><html><head><style>divwidth:100px;height:50px;background:red;color:white;font-weight: bold;position: relative;animation: mymove 5s infinite;animation-direction: alternate-reverse;#div1animation-timing-function: linear;#div2animation-timing-function: ease;#div3animation-timing-function: ease-in;#div4animation-timing-function: ease-out;#div5animation-timing-function: ease-in-out;@keyframes mymovefromleft:0px;toleft:300px;style>head><body><p><strong>Note:strong> The animation-timing-funtion property is not supported in Internet Explorer 9 and earlier versions.p><divid="div1">lineardiv><divid="div2">easediv><divid="div3">ease-indiv><divid="div4">ease-outdiv><divid="div5">ease-in-outdiv>body>html>Valoraciones y comentarios
¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)