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

[Anonymous]

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

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