متحرک کردن تصویر پس زمینه؟
#1
Note 
سلام. دوستان من خیلی گشتم اما نفهمیدم چطوری عکسرو متحرک میکنن مثل این  قسمت فوتر رو ببینید عکس چند نفره که داره به سمت چپ حرکت میکنه؟

پاسخ
#2
سلام
با 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، توسط SOFTAFZAR
پاسخ
ایجاد موضوع جدید   پاسخ به موضوع  

موضوعات مرتبط با این موضوع...
موضوع نویسنده پاسخ بازدید آخرین ارسال
Note تراز کردن متن و تصویر در یک خط hasti 5 815 08-09-2014 ساعت 18:48
آخرین ارسال: hasti
Note قراردادن متن روی تصویردرhtml hasti 3 604 06-08-2014 ساعت 22:29
آخرین ارسال: Php1
Note چند تصویر Loading AnimeIraN 1 477 07-08-2013 ساعت 15:51
آخرین ارسال: AnimeIraN

کاربرانِ درحال بازدید از این موضوع:   1 مهمان