iH
А как ты запускаешь?
в браузере
Size: a a a
2020 October 16
DE
в браузере
Это я понял. А как?
iH
А это думаю необязательно
а без этого и не работало (
iH
Это я понял. А как?
открываю файл index.html )))
DE
открываю файл index.html )))
А что в нем?
DE
Скинь его сюда
iH
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<link rel="stylesheet" type="text/css" href="style.css">
<title>Создание анимации</title>
</head>
<body>
<h1>Практическая работа</h1>
<h2>Создание анимации</h2>
<div class="sq1"></div>
<div class="sq2"></div>
<div class="sq3"></div>
</body>
<script src="anime.min.js"></script>
<script src="animation.js"></script>
</html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<link rel="stylesheet" type="text/css" href="style.css">
<title>Создание анимации</title>
</head>
<body>
<h1>Практическая работа</h1>
<h2>Создание анимации</h2>
<div class="sq1"></div>
<div class="sq2"></div>
<div class="sq3"></div>
</body>
<script src="anime.min.js"></script>
<script src="animation.js"></script>
</html>
iH
function go (){let animation = anime({
// Цели
targets: '.sq1',
// Свойства
translateX: 100,
borderRadius: 50,
// Параметры свойств
duration: 2000,
easing: 'linear',
// Параметры анимации
direction: 'alternate'
});
let animation2 = anime({
targets: '.sq2',
translateX: 100,
borderRadius: 50,
duration: 4000,
easing: 'linear',
direction: 'alternate'
});
let animation3 = anime({
targets: '.sq3',
translateX: 100,
borderRadius: 50,
duration: 6000,
easing: 'linear',
direction: 'alternate'
});
};
go();
// Цели
targets: '.sq1',
// Свойства
translateX: 100,
borderRadius: 50,
// Параметры свойств
duration: 2000,
easing: 'linear',
// Параметры анимации
direction: 'alternate'
});
let animation2 = anime({
targets: '.sq2',
translateX: 100,
borderRadius: 50,
duration: 4000,
easing: 'linear',
direction: 'alternate'
});
let animation3 = anime({
targets: '.sq3',
translateX: 100,
borderRadius: 50,
duration: 6000,
easing: 'linear',
direction: 'alternate'
});
};
go();
iH
ну anime.min.js понятно что там библиотека подключается
DE
Сделай скрин содержимого папки, где лежит твой файл
А
Аниме
А
Ох уж эти сокращения
DE
И что, не работает?
iH
уже все работает
iH
я же написал что разобрался
iH
нашел чего нехватает )
DE
нашел чего нехватает )
чего же?
iH
скрипты в шапке index.html видимо вперед DOM грузились
iH
ну и видимо авто - вызов в онлайн редакторе идет