سلام. دوستان من خیلی گشتم اما نفهمیدم چطوری عکسرو متحرک میکنن مثل این http://laravel.ir قسمت فوتر رو ببینید عکس چند نفره که داره به سمت چپ حرکت میکنه؟
3
سلام
با CSS animation خیلی راحت میتونید اینکار رو انجام بدید. مثال:
body{
background-image: url(http://www.softafzar.net/uploads/avatars/avatar_2.png?dateline=1416378317);
animation-name: move;
animation-duration: 1s;
animation-iteration-count: infinite;
animation-direction: normal;
animation-timing-function: linear;
animation-fill-mode: forwards;
animation-delay: 0s;
}
@keyframes move {
from {background-position: 0px 0px}
to {background-position: 77px 0px}
}
@-moz-keyframes move {
from {background-position: 0px 0px}
to {background-position: 77px 0px}
}
@-webkit-keyframes move {
from {background-position: 0px 0px}
to {background-position: 77px 0px}
}
فقط 77 رو به width تصویر تغیر بدید.
آخرین ویرایش: 24-02-2015 ???? 09:35، توسط رضا رمضانپور
سوال برنامه نویسی دارید؟
ندونستن عیب نیست، نپرسیدن چرا!