Ты говоришь (и показываешь) прозрачность всего объекта. А я говорю о том, что можно сделать различную прозрачность у разных частей объекта, вплоть до того, что с одной стороны будет совсем не прозрачно, а с другой совсем прозрачно. И между ними будет идти плавное изменение уровня прозрачности. Средствами CSS этого сделать нельзя "по определению" Только в графическом редакторе настроить картинку.

Обрати внимание: у меня, на самом деле, картинка квадратная. У неё непрозрачные серое кольцо с темным колечком внутри и буква в центре. Углы полностью прозрачные, центральная часть (кроме буквы) частично прозрачная. Тень от буквы является частью центральной части, поэтому тоже частично прозрачна.
В итоге имеем, что эта полупрозрачность окрашивается фоном - только часть картинки (!!!), но не вся картинка. Я для того и дал ссылку, чтобы можно было "погонять" картинку по различным частям фона, в т.ч. и изменить его цвет, чтобы оценить, как это всё вместе выглядит.

PS. И я не понял, зачем ты сделал копию части моей картинки?

_____________
* Хэлп по PHP
* Описалово по JavaScript
* Хэлп и СУБД для PostgreSQL

* Обучаю PHP, JS, вёрстке. Интерактивно и качественно. За разумные деньги.

* "накапливаю умение телепатии" (С) и "гуглю за ваш счет" (С)

Так да, вполне реально, это понятно Но не все знают/умеют. Вот и показываю, "что можно сделать из швейной машинки Зингер"

_____________
* Хэлп по PHP
* Описалово по JavaScript
* Хэлп и СУБД для PostgreSQL

* Обучаю PHP, JS, вёрстке. Интерактивно и качественно. За разумные деньги.

* "накапливаю умение телепатии" (С) и "гуглю за ваш счет" (С)