/
githubmirror
/
50projects50days
Обзор
Документация
Войти
/
githubmirror
/
50projects50days
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
master
3d-boxes-background/script.js
17 строк
479 B
Brad Traversy
3d boxes background
05 сен 2020, 14:59
05 сен 2020, 14:59
a575b1e
Код
Авторство
О чём код?
const boxesContainer = document.getElementById('boxes') const btn = document.getElementById('btn') btn.addEventListener('click', () => boxesContainer.classList.toggle('big')) function createBoxes() { for (let i = 0; i < 4; i++) { for (let j = 0; j < 4; j++) { const box = document.createElement('div') box.classList.add('box') box.style.backgroundPosition = `${-j * 125}px ${-i * 125}px` boxesContainer.appendChild(box) } } } createBoxes()