Bymas | HTML + JS + CSS Пункт А к Б

wearnings , я на работе!

JMactep (17.01.2020 в 14:00)
wearnings , я на работе!

Ясно...

TypeOf (17.01.2020 в 13:43)
1. Создай два div с разными идентификаторами.
2. Создай Dom элемент img.
3. Спозиционируй картинку абсолютно и вставь ее над блоком кнопки, получив его координаты относительно viewport.
4. Получи координаты блока, к которому нужно перенести картинку.
5. Создай анимацию перемещения и перемести картинку к полученным координатам.

Поможеш?

wearnings , нет. В стилях создай правило анимации.

css

   .currency {   position: absolute;   opacity: 0;   transition: all .5s; }

Получение координат:

javascript

   const getCoodinates = (identifier = null) => {   if (! identifier) return   let elCoordinates = {}   let el = document.getElementById(identifier') if (el) {  elCoordinates = el.getBoundingClientRect() } else setTimeout(getCoordinates(identifier), 500) return elCoordinates }

Напишу дома с ПК до конца, если не забуду.
________
посл. ред. 17.01.2020 в 17:26; всего 2 раз(а); by TypeOf

wearnings , Гугли CSS свойство animation, все можно на нем сделать, без js

TuT , анимироват можно лишь в 1 месте а автор хочет переносить монету от точки А до B движением

JMactep (17.01.2020 в 18:49)
TuT , анимироват можно лишь в 1 месте а автор хочет переносить монету от точки А до B движением

Ну, и? Можно сделать перемещение из одной точки в другую и закончить анимацию. Все это так же делается с помощью CSS

wearnings , https://m.habr.com/ru/post/135816/
Смотри тут

TuT , анимировать с css, но откуда перемещать без js не сделаешь.
________
посл. ред. 18.01.2020 в 10:50; всего 2 раз(а); by TypeOf

TypeOf (17.01.2020 в 19:08)
TuT , анимировать с css, но куда перемещать без js не сделаешь.

Вот тебе пример https://html5book.ru/css3-animation все можно. Есть стартовые координаты, есть конечные координаты.