Так что я довольно простой программист. Я прошел один курс веб-дизайна в течение года в HS, и теперь я младший, просто пытаюсь создать персональный сайт для колледжа и прочего. Мой сайт выглядит как высокий школьник сделал это. Я потратил около полутора недель на его разработку, но сейчас я на самом деле его кодирую, и я хочу сделать много вещей, но пока не знаю, как это сделать. Одной из таких вещей является использование анимации. Я хочу, чтобы мои изображения переворачивались или скользили при прокрутке, и я нашел библиотеку AOS, когда смотрел в Интернете.
http://michalsnik.github.io/aos/
Я пытался учиться, но GitHub действительно сбивает меня с толку, как и Bower и Npn или что бы то ни было. Я хочу иметь возможность использовать команды библиотеки AOS на своем сайте, но я почти ничего не знаю о javascript, поскольку все, что я действительно изучал, это HTML и CSS. Я старался изо всех сил, чтобы следить за этим видео, хотя я использую Windows, так как это обычно та же самая идея:
https://www.youtube.com/watch?v=5XriUcr-QT0
(перейдите к 0:34) Я загрузил zip-архив AOS с github, и когда я попытался взять листы CSS и JS или подключить к ним вызываемые им модули, я даже не смог найти папку. Я попытался связать листы, как указано на веб-сайте библиотеки AOS внизу, с помощью ссылки CSS в заголовке и ссылки javascript в теле, но когда я пытаюсь инициировать использование AOS, команда выглядит примерно так:
<div data-aos="flip-up"></div>
С частью data-aos в обычном тексте, в отличие от того, когда вы вызываете id или класс. Где находится папка dist в виде видео, и как правильно связать и использовать эти команды, как указано в библиотеке AOS? Кроме того, мне нужно использовать и понимать, какая пряжа и бауэр для моего небольшого личного сайта ????