Home/ Questions/Q 6207475
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-24T05:38:12+00:00

I am not sure how to exactly phrase this question so maybe that’s why

  • 0

I am not sure how to exactly phrase this question so maybe that’s why I can’t find help with this.

I am coding a webpage and the designer has made a background for a part of it. It’s sort of a two way gradient: both horizontal and vertical at the same time. I am attaching the image here because I’m not sure how to explain it.

I’m sorry if it’s very obvious but I can’t find anything resembling this anywhere. Thank you!
Here’s the image:
two-way gradient

EDIT: The question is, can I make this background using just CSS3?
Thanks!

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Are you able to limit browser support to browsers that support multiple backgrounds?

    If so, you can create two gradients, along with a border, to simulate that.

    Here’s a version that only works in Firefox: http://pastehtml.com/view/b295elnso.html

    You can modify the webkit and other lines to get it working in other browsers. I used the Ultimate CSS Gradient Generator to build the lower gradient.

    Here’s a good listing of multiple background support.

    (Edit: I meant only works in Firefox, not IE. Doh!)
    *(Edit2: Added multiple background support listing)*

    • 0