Как изменить цвет текста в зависимости от фона, над которым он находится?

Question

[petter2003]

Возникла задача изменить динамически цвет текста (части текста или слова) в зависимости от фона на котором он находиться. Это нужно чтобы текст был всегда читаем и не сливался (фон может быть как картинка так и видео). На jquery встречал такой плагин, но не могу название его найти.

Answer 1

[petter2003]

Я более-менее нашел подходящее решение. BackgroundCheck - kennethcachia.com/background-check

Answer 2

[linoleum]

А что, если просто добавить тексту text-shadow? Скажем, если цвет черный, то сделать ему белую тень. Тогда всегда будет контрастировать либо сам текст, либо тень.

Answer 3

[avalak]

jquery.adaptive-backgrounds?

Comments

[petter2003]

Тут фон меняется по верхнему слою, к сожалению не то.

[avalak]

Там есть событие ab-color-found. Подпишитесь и меняйте.

[avalak]

Это помимо того что оно и так может цвет текста менять.

Answer 4

[Юрий Лобанов]

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

Answer 5

[petter2003]

Такой вариант не подойдет, так как фон динамический картинкой.

Answer 6

[NewTypes]

Соревнования кто загрузит клиент быстрее?
Над видео? Мне кажется, пользователи со слабыми ПК пошлют такой сайт. Это же не на сях с рендерингом возиться.

Answer 7

[Nico_Bellic]

с помощью Less или Sass функций.