Автор Roman K задал вопрос в разделе Верстка, CSS, HTML, SVG
CSS прозрачный градиент и получил лучший ответ
Ответ от Андрей Лакиенко[гуру]
От цвета с непрозрачностью 1 постепенно переходить в полностью непрозрачный с непрозрачностью 0.Поэтому полностью непрозрачным цвет становится в самом низу, середина полупрозрачная. Можно добавить еще точку (и) 50% с непрозрачностью 0.
ссылка
Ответ от VortexWeb.net[гуру]
rgba так не пишется.
rgba(28,29,31, 0.1)
где 0.1 есть opacity
и вообще странно как то вы градиент пишите
background: #6c6e74;
background: -moz-linear-gradient(top, #6c6e74 0%, #4b4d51 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6c6e74), color-stop(100%,#4b4d51));
вот так пишут правильно а от этого уже пляшите с прозрачностью
rgba так не пишется.
rgba(28,29,31, 0.1)
где 0.1 есть opacity
и вообще странно как то вы градиент пишите
background: #6c6e74;
background: -moz-linear-gradient(top, #6c6e74 0%, #4b4d51 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6c6e74), color-stop(100%,#4b4d51));
вот так пишут правильно а от этого уже пляшите с прозрачностью
Ответ от Erere rere[гуру]
лучше примера не найти colorzilla.com/gradient-editor
лучше примера не найти colorzilla.com/gradient-editor
Ответ от 3 ответа[гуру]
Привет! Вот подборка тем с ответами на Ваш вопрос: CSS прозрачный градиент
HTML + CSS есть див. Нужно поставить поверх повторяющегося фона-картинки, градиент от белого до прозрачного поверх его.
1) "background-image:url(/images/bg.png);"
это абсолютный путь к картинке исправьте на
подробнее...
Можно ли в css border оформить градиентом?
Хмм.. .
В Firefox возможно сделать псевдо-градиент через CSS:
-moz-border-top-colors:
подробнее...
Как обрезать изображение возможностями csshtmljquery, чтобы края были в виде волны с прозрачностью?
Только накладывать поверх PNG изображение. Ну на jQuery может и можно что то собрать, но будет
подробнее...