const block = document.querySelector('.block')
let count = 0
const limit = 100
let interval = setInterval(()=>{
if(count <= limit) {
block.innerHTML = `${count}`
count++
} else {
clearInterval(interval)
}
},100)const button = document.querySelector('.button')
const nav = document.querySelector('.nav')
window.addEventListener('scroll',()=>{
if(button.getBoundingClientRect().bottom < document.documentElement.clientHeight && black.getBoundingClientRect().bottom > 0) {
nav.classList.add('visible')
} else {
nav.classList.remove('visible')
}
})delay: key*1000, после fill: 'forwards',button.addEventListener('click', () => {
cards.forEach((el, key) => {
// console.log(`Animation: ${key} start!`);
el.animate([
{transform: "rotateX(0deg)"},
{transform: "rotateX(180deg)"},
], {
duration: 1000,
easing: 'linear',
fill: 'forwards',
delay: key*1000,
})
// console.log(`Animation: ${key} end!`);
})
})const conferenceTime = Date.parse(date); // время начала собранияlet counterModal = 0let interval = setInterval(function (){
if(cunterModal <3){
//показать модалку
counterModal++
} else {
clearInterval(interval)
}
},60000)@keyframes и поиграть с параметром scale и opacity у двери и лого на определенных моментах. Мне кажется, что это поможет достигнуть цели "приближение к пользователю".