• متحرک کردن تصویر پس زمینه؟
    #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 1,028 08-09-2014 ساعت 18:48
    آخرین ارسال: hasti
    Note قراردادن متن روی تصویردرhtml hasti 3 821 06-08-2014 ساعت 22:29
    آخرین ارسال: Php1
    Note چند تصویر Loading AnimeIraN 1 593 07-08-2013 ساعت 15:51
    آخرین ارسال: AnimeIraN

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