спасибо, маски подошли, но дизайн уехал, но это уже другой вопрос) Такой код нормальный? <svg><defs><mask id="maskingleft" maskContentUnits="objectBoundingBox"> <rect y="0" width="1" height="1" fill="url(#bgleftgradient)"> </rect></mask><linearGradient id="bgleftgradient"> <stop stop-color="#000" offset="0%"></stop><stop stop-color="#fff" offset="100%"></stop></linearGradient></defs></svg><svg width="129" height="3941" mask="url(#maskingleft)"><image xlink:href="/images/bgleft.jpg" width="129" height="3941"></image></svg>
Просто выше указан пример, а я сделаю это на много картинок, которые весят jpg 200 кб, а в png весят в 2-3 раза больше, а хотелось бы чтобы сайт грузился быстро. Не уж то нельзя сделать это на css или html? Если что заплачу 50 руб за помощь)
Как сделать градиентную прозрачность картинки с сердечками http://jsfiddle.net/ntxsx1ba/ чтобы слева она была прозрачная, а справа непрозрачная? Т.е. чтобы картинка с сердечками слева сливалась с фоном (с использованием прозрачности), а справа она была не прозрачной.
Вобщем я использовал background-position и width и height для нескольких картинок. Еще надо было float добавить, только с ним заработало! Вот что получилось http://jsfiddle.net/psuPF/17/ Сделал 7 из 9 картинок.
background-position определяет начало картинки, если его использовать то за первой картинкой будут выводится все остальные из файл со всеми картинками. Если же использовать для ограничения картинки width и height в css, то поплывет весь дизайн, т.к. сайт сделан на div-овом дизайне. Что делать?
Есть сайт, он загружает 10 картинок. Нужно сделать их вывод из одной картинки: http://csssprites.com/results/07f8814356dea36fbdf9a894c734c05f/result.png http://csssprites.com/results/07f8814356dea36fbdf9a894c734c05f/result.html Вот сайт Помогите, пожалуйста, сделать вывод картинок из одного png файла, чтобы дизайн остался таким же как сейчас