Есть ли возможность сделать такой эффект на тексте при помощи CSS?

Question

[Odinokun]

Доброго времени суток.
Подскажите плз, есть ли возможность частично менять цвет текста или SVG изображений при накладывании их на другой объект (например картинку).

Answer 1

[Anna_BS]

https://codepen.io/Anna_Batura/pen/LzOqPY

Answer 2

[twobomb]

нет.
Можно разве что с градиентами что то...
Или думать с таким

Comments

[Милок Мурлыка]

Смотрите мой ответ

[twobomb]

Милок Мурлыка, Так себе решение

Answer 3

[Ankhena]

Просто подложить фоновый градиент под текст. Все.
https://jsfiddle.net/5av1sxcw/

<div class="wrap">
<img src="http://putevoditel-altai.ru/uploads/photos/previews/834_enshhs-bcb.jpg" alt="">
<div class="text">text</div>
</div>

.wrap {
  position: relative;
}
img {
  margin: 50px;
}
.text {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 75px;
  height: 75px;
  background: #999 linear-gradient(to right, #999 0, #999 50px, #fff 51px, #fff 100%) no-repeat left bottom / 100% 25px;
	-webkit-background-clip: text;
	-moz-background-clip: text;
	-o-background-clip: text;
	background-clip: text;
	color: transparent;
}

Answer 4

[Froggyweb]

может чего в фильтрах есть но это сродни экспериментам. Заглавная К даже на картинки глючная :)

Answer 5

[Алекс Глебов]

только 1 переход можно
https://jsfiddle.net/egsq6j59/

Comments

[Odinokun]

Это не то. Мне надо, что бы при накладывании на блок часть текста меняла свой цвет.