если я использую # A94122 в качестве конечного цвета, фоновая текстура не будет видна! пожалуйста, смотрите см. прикрепленное изображение с моим вопросом.
отаю на веб-сайте, который использует несколько градиентов CSS3 в качестве наложения на фон, облицованный текстурой изображения
адрес сайта:--snipped--
В настоящее время для заголовка я использую следующие CSS:
#header {
background: #DBD6D3;
height: 364px;
background: -moz-radial-gradient(50% 0% 0deg,circle farthest-corner,#FFFFFF,#DBD6D3);
background: -webkit-gradient(radial,50% 59,500,50% 0,40,from(#DBD6D3),to(#FFFFFF));
}
#header .wrp{background:url('img/headerBg.png');height:100%;padding-top:40px;}
здесь headerBg.png - полупрозрачная текстура размером 5x5 пикселей, для тела мне нужно создать этот фон:
Мне нужно знать, как сделать такой вид радиального фона в CSS3, изначально я использовал тот же код, что и в заголовке, но с rgba () для цвета, установив конец градиента с непрозрачностью 0, но он создавал слишком много шума.
пробовал несколько онлайн генераторов для CSS3 радиального фона, но ни один из них не был хорош!
Это изображение, которое я использую, занимает 280 КБ, и я хочу уменьшить его, так как оно существенно влияет на производительность! Помощь будет оценена.
Обновить:
Загрузить PSD, можно загрузить сhttp://ylspeaks.com/stackoverflow_css3.zip
и добавление щедрости