متحرك كردن بك گراند

[Pois0nous 105]

سلام

ببخشيد من يك قالب ايندكس HTML زدم! مي خوام ببينم راهي هست كه بك گراند اين قالب به ارامي حركت كنه و يه حالت شناور داشته باشه؟

بهتر بگم! فرض كنيد بك گراند رو به ديوار وصل كردن به شما مي گن با هندي كم ازش فيلم بگير! لرزش دست با فيلم چه مي كنه؟ يه همچين حالتي مي خوام داشته باشه!

ممنون

[imanfakhar 26231]

لرزش دست که شرمنده

body {
-webkit-animation:mymove 15s alternate-reverse;
-moz-animation:mymove 15s alternate-reverse;
animation:mymove 15s alternate-reverse;
-webkit-animation-timing-function: cubic-bezier(0,0,1,1);
-moz-animation-timing-function: cubic-bezier(0,0,1,1);
animation-timing-function: cubic-bezier(0,0,1,1);
}
@keyframes mymove
{
from {background-position:-4000px top}
to {background-position:0 top}
}
@-moz-keyframes mymove /* Firefox */
{
from {background-position:-4000px top}
to {background-position:0 top}
}
@-webkit-keyframes mymove /* Safari and Chrome */
{
from {background-position:-4000px top}
to {background-position:0 top}
}

با تغییر مقدار های cubic-bezier با اعداد بین صفر و یک می تونید سرعت حرکت را در چهار بازه ی زمانی شروع و قبل و بعد میانه و پایان تغییر بدید

http://www.w3schools.com/cssref/tryit.asp?filename=trycss3_animation-timing-function3