CSS растягивается, чтобы поместиться в поле фокуса окна [закрыто] ⇐ Html

[Anonymous]

У меня есть ситуация, когда у меня есть набор многослойных визуальных эффектов, которые я хочу сфокусировать и увеличить на разных разделах. Все визуальные элементы имеют одинаковую известную ширину и высоту, занимают абсолютное позиционирование относительно своего родительского элемента и заполняют его ширину.
Каждый визуальный элемент имеет набор областей фокуса, прямоугольников фокуса, которые определяются как положение пикселя в левом верхнем и правом нижнем углу.


Мне бы хотелось, чтобы кто-нибудь помог придумать javascript-CSS для растягивания, масштабирования, полей, -top и любых других средств, позволяющих растягивать многослойные визуальные элементы так, чтобы родительский объект был сфокусирован и заполнялся указанной областью фокуса визуальных элементов, предполагая, что он будет переходить между этими различными областями фокуса.


Я ломал голову и не уверен, делаю ли я это несовместимым с CSS способом или мои математические расчеты не соответствуют действительности.
Бонусные баллы за указанное минимальное поле между краями родительского элемента и увеличенной области!

Подробнее здесь: https://stackoverflow.com/questions/798 ... -focus-box