Показать сообщение отдельно
  #5 (permalink)  
Старый 15.07.2017, 23:47
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,109

как-то так ...
<!doctype html>

<style>
 div{
  position:absolute;
  left:-100px;
  width:100px;
  height:50px;
  background:#ccc
 }
</style>

<div  class="js"></div>
<div  class="js" style="top: 120px;"></div>
<script>
var elements = document.querySelectorAll('.js');

for (var i = 0, len = elements.length; i < len; ++i) {
    var animation = elements[i].animate([{
        left: '-100px'
    }, {left: '0' }
    ], { fill: 'forwards' ,
        duration: 3000,
        iterations: 1,
        direction: 'normal',
        easing: 'linear',
        delay: 0
    });
}
</script>

Последний раз редактировалось рони, 15.07.2017 в 23:53.
Ответить с цитированием