Увеличительное стекло для текста и не только!

После открытия свойства backdrop-filter — а именно функции «blur()» — я подумал, что было бы здорово, если бы существовала также опция «scale()».

К сожалению, я не смог найти ничего подобного. Самое близкое, что я смог найти о масштабировании элемента за другим элементом, это этот учебник W3.

Но как насчет текста?

Так родилось увеличительное стекло:

Открытые вопросы:

  • Магические числа — потратил некоторое время на математические вычисления, но так и не пришел к формуле, которая хорошо работает для разных размеров и масштабов.
  • Линейный градиент линзы не отображается над изображениями.

Хотя это в основном просто забава, я думаю, что это имеет некоторые реальные варианты использования для тех, кто плохо видит — есть что сказать об увеличении в контексте (а не просто сделать всю страницу больше).

Может быть, расширение для браузера?

Спасибо

Оцените статью
devanswers.ru
Добавить комментарий