Конфетти Вот что делает каждая часть кода: 1. HTML-разметка: - Создается контейнер с классом "github". - Внутри контейнера создается ссылка с классами "btn" и "btn-link", атрибутом href и другими атрибутами. - Внутри ссылки размещается изображение с классом "img-fluid" и атрибутами id, src и alt. - После изображения следует элемент с идентификатором "gh-project". - В контейнере также создается блок , внутри которого размещаются две ссылки с классом "github-button" и другими атрибутами. 2. JavaScript: - Определяется константа duration, которая представляет собой длительность анимации в миллисекундах (в данном случае, 60 минут). - Определяется переменная animationEnd, которая устанавливается равной текущему времени плюс duration. - Определяется объект defaults, содержащий некоторые значения по умолчанию для анимации конфетти. - Определяется функция randomInRange, которая возвращает случайное число в заданном диапазоне. - Устанавливается интервал, который будет запускать анимацию конфетти каждые 250 миллисекунд, пока не истечет duration. - Внутри интервала вычисляется количество частиц конфетти, основываясь на оставшемся времени timeLeft и duration. - Для каждого из двух блоков конфетти вызывается функция confetti с определенными параметрами, включая количество частиц и их начальное положение. 3. CSS-стили: - Задаются стили для контейнера с классом "github", включая его положение, размеры, фон, границы и другие свойства. - Задаются стили для различных элементов внутри контейнера, таких как ссылки, изображение и текст. Итак, код запускает анимацию конфетти, которая будет выполняться в течение 60 минут. Ссылка на код 2.3K views13:11