Ankhena, растягивается все и блок и картинка должна быть, но по примеру который я скинул, видно что там чет она растянулась через чур. все адаптивное должно быть.
Как лучше ровнять, отключаем анимаху и подбираем процент width: %; height: %; у родителя, пока не ляжет в тютельку все миллиметры, я так смог ровно поставить точку на точку которая на картинке, но все равно есть но, когда сжимаешь экран браузера, сдвиги есть, идеально не реально сделать?
Антон Вебсайтовский, но все же при сжатии браузера, сдвиги все же есть небольшие. но не сильно заметно, что не ровно от точки которая нарисована идет эффект вверх.
Ankhena, а понял вас, то есть width: 139px; height: 141px; заменяю px на % и подгоняю циферки. это у родителя, а как быть с классом который для картинки?
Ankhena, может не правильно вопрос задал, я про адаптивность, щас задний фон картинка дорога с точками уменьшаться если сжимаем экран, все верно, а как еще эту анимационную точку сделать чтобы и она уменьшалась.
RAX7, Хороший вариант, но я чуть по другому вроде сделал, как мне решить вопрос с адаптацией точки, чтобы она двигалась за точкой анимационная точка и тож уменьшалась как основная картинка и точка которая в картинке, вот пример рабочий: https://jsfiddle.net/rocy7xg5/
Ankhena, Привет, сделал подобный пример по твоему совету, текст движется все ок, но я добавил там еще анимацию, которая идет отдельной картинкой и подводится через left, top к точке на картинке, как сделать чтобы и она двигалась за точкой. вот пример https://jsfiddle.net/rocy7xg5/
profesor08, Сделал пример и привязал точку на картинке, там картинка адаптивная, текст движется за точкой и точка должна двигаться и уменьшатся за картинкой, анимацию наложил по верх картинки и через top, left, поставил ее где она должна быть на ту точку что нарисована на картинке, все анимирует все круто, но как быть с адаптацией, чтобы точка двигалась.
https://jsfiddle.net/qp4vrcza/1/