После открытия свойства backdrop-filter — а именно функции «blur()» — я подумал, что было бы здорово, если бы существовала также опция «scale()».
К сожалению, я не смог найти ничего подобного. Самое близкое, что я смог найти о масштабировании элемента за другим элементом, это этот учебник W3.
Но как насчет текста?
Так родилось увеличительное стекло:
Открытые вопросы:
- Магические числа — потратил некоторое время на математические вычисления, но так и не пришел к формуле, которая хорошо работает для разных размеров и масштабов.
- Линейный градиент линзы не отображается над изображениями.
Хотя это в основном просто забава, я думаю, что это имеет некоторые реальные варианты использования для тех, кто плохо видит — есть что сказать об увеличении в контексте (а не просто сделать всю страницу больше).
Может быть, расширение для браузера?
Спасибо