Bom, antes de mais peço desculpa, mas esta pergunta é um bocado dificil de me expressar.
O que pretendo saber é se existe algum código em javascript que faça mexer o background-position muito rápido, até muito devagar e depois parar. Ou seja supomos que a animação demora 10 segundos. Inicialmente ele mexe muito rápido e vai abrandando até chegar ao 0 segundo e parar definitivamente.
Não sei se me fiz expressar muito bem, mas pretendo fazer isto com javascript ou jquery.
Meu Código:
<html>
<head>
<style>
body,html,div {
margin:0;
padding:0;
width:100%;
height:100%;
position:relative;
}
#anim {
background:url('https://www.gravatar.com/avatar/7a2c254d9e863db31614b95e909a9633?s=800&d=identicon') no-repeat 0 0;
background-size:180% 180%;
}
</style>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.js">
</head>
<body>
<script type="text/javascript">
$('#anim').animate({'background-position-x': '100%'},8000,'easeOutCubic');
</script>
<div id="anim">
</div>
</body>
</html>
O movimento seria a imagem da esquerda para a direita.
Não pretendo utilizar a animate do css, mas sim utilizar apenas javascript.
Obrigado.