Показать сообщение отдельно
  #1 (permalink)  
Старый 03.09.2020, 17:35
Интересующийся
Отправить личное сообщение для ilyach199012902ilyachu Посмотреть профиль Найти все сообщения от ilyach199012902ilyachu
 
Регистрация: 16.02.2020
Сообщений: 10

Подскажите , Как возвратить в исходное положение
Подскажите,Как сделать что бы,после отпускании кнопки Вверх,через время,(3 сек)черный квадрат вернулся плавно (медленно)на свое место,(то есть опустился вниз)

const road = document.querySelector('.road')
road.style.height = '300px'
road.style.background = 'url(road.jpg)'
road.style.backgroundSize = 'cover'
road.style.width = '600px'
road.style.margin = '0 auto'
road.style.position = 'relative'
 
 
let positionRoad = 0
 
setInterval(moveRoad,10)
 
function moveRoad(){
    positionRoad -= 1
    road.style.backgroundPositionX = positionRoad + 'px'
}
 
console.log(road)
 
const tRex = document.querySelector('.t-rex')
tRex.style.height = '100px'
tRex.style.width = '50px'
tRex.style.background = 'black'
tRex.style.position = 'absolute'
tRex.style.bottom = '50px'
tRex.style.left = '15px'
 
window.addEventListener('keydown',function(e){
   if(e.key === 'ArrowUp'){
       tRex.style.bottom = '100px'
   }
})
Ответить с цитированием