Jump to content
  • 0
Sign in to follow this  
musemaster

Анимация движения

Question

musemaster    10

На домашней странице Здесь ссылка, но видят ее только участники клуба. Вступите в клуб по этой ссылке.

Есть анимация галереи. Не получается никак сделать.

$("#u192").animate({left: '+=500', top: '+=500'}, 1);
$("#u192").animate({left: '-=500', top: '-=500'}, 1000);

Пробовал сделать таким костылем, но работает только на одном элементе. Если применить к нескольким, то они сдвигаются влево. Макет адаптивный.

Share this post


Link to post

1 answer to this question

Recommended Posts

  • 0
musemaster    10

Разобрался. Кому нужно, берите бесплатно :)

На CSS

@keyframes shine {
    0% {
        transform: translatex(100px) translatey(100px)
    }
    100% {
        transform: translatex(0px) translatey(0px);
    }
}

#u192 {
    animation-name: shine;
    animation-duration: 1s;
    animation-iteration-count: 1;
    animation-delay: 1s; //по желанию
}

Share this post


Link to post

Новая статья

Как бесплатно получить специализированный хостинг для Adobe Muse сайта. Читайте новую инструкцию по этой ссылке.
Sign in to follow this  

×
×
  • Create New...