[英]Question about a specific gradient with css3
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:
这是图片:
EDIT: The question is, can I make this background using just CSS3? 编辑:问题是,我可以仅使用CSS3来制作背景吗? Thanks!
谢谢!
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 这是仅适用于Firefox的版本: http : //pastehtml.com/view/b295elnso.html
You can modify the webkit and other lines to get it working in other browsers. 您可以修改webkit和其他行以使其在其他浏览器中运行。 I used the Ultimate CSS Gradient Generator to build the lower gradient.
我使用了Ultimate CSS Gradient Generator来构建较低的渐变。
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)* (编辑:我的意思是只能在Firefox中使用,而不是IE。Doh!) *(编辑2:添加了多个后台支持列表)*
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.