это ни разу не правильный градиент, это намазано руками широкой кистью. в точности такое вы градиентами без диких многослойных ухищрений не воспроизведёте. надо ли воспроизводить в точности - другой вопрос. художественная ценность, прямо скажем, сомнительная.
а что вы с этими словарями делать собираетесь потом? такое имеет смысл только если оно никуда с видеокарты не уходит, но тогда это было бы правильнее называть перебором по маске...
и если нужно чтобы было именно прозрачно (картинка на фоне, допустим, чтобы видна была), то вместо white transparent и фон с #navigation на nav перенести. https://jsfiddle.net/yw64rg6j/5/
ставьте смещения в пикселах и отрицательные. в процентах посчитать сложнее чем пикселы. если вы читали первую ссылку в соседнем ответе, там внизу есть хороший комментарий который описывает работу процентов.
я одно время ошивался на cofounderslab, там такие объявления встречались регулярно.
нашли они там себе кого-нить или нет - знать не могу.
по собственным наблюдениям, тамошний народ не горит желанием связывать какие-то свои деловые перспективы с населением стран третьего мира, а тем более гражданами вероятного противника.
body: {zoom: 0.2}зы. это шутка