Вопрос о конкретном градиенте с css3

Question

Я не уверен, как именно сформулировать этот вопрос, поэтому, возможно, именно поэтому я не могу найти помощь в этом.

Я кодирую веб-страницу, и дизайнер сделал фон для ее части. Это своего рода двухсторонний градиент: как горизонтальный, так и вертикальный одновременно. Я прилагаю изображение здесь, потому что я не знаю, как это объяснить.

Извините, если это очень очевидно, но я нигде не могу найти ничего похожего на это. Спасибо! Вот изображение:

РЕДАКТИРОВАТЬ: Вопрос, могу ли я сделать этот фон, используя только CSS3? Спасибо!

Answer 1

Можете ли вы ограничить поддержку браузеров браузерами, поддерживающими несколько фонов?

Если это так, вы можете создать два градиента вместе с границей для имитации этого.

Вот версия, которая работает только в Firefox : http://pastehtml.com/view/b295elnso.html

Вы можете изменить webkit и другие строки, чтобы он работал в других браузерах. Я использовал Ultimate CSS Gradient Generator для построения нижнего градиента.

Вот хороший список поддержки нескольких фонов .

(Изменить: я имел в виду работает только в Firefox, а не IE. Doh!) * (Edit2: добавлен список поддержки нескольких фонов) *