开发者

opera and firefox syntax for radial gradients

开发者 https://www.devze.com 2023-03-08 12:28 出处:网络
Making a vignette of sorts using webkit/moz radial gradients. I have the correct syntax and effect for webkit.. but can\'t get moz or opera dialed in right. Moz is kind of oblongish.. Opera is nonexis

Making a vignette of sorts using webkit/moz radial gradients. I have the correct syntax and effect for webkit.. but can't get moz or opera dialed in right. Moz is kind of oblongish.. Opera is nonexistent.

Advice?

CSS

background:-webkit-radial-gradient(center, 50% 10px, rgba(255,255,255,1), rgba(29,29,29,1));
background:-moz-radial-gradient(50% 50%, rgba(255,255,255,1), rgba(29,29,29开发者_如何学编程,1));
background:-o-radial-gradient(center, 50% 10px, rgba(255,255,255,1), rgba(29,29,29,1));

background:-webkit-gradient( radial, 50% 50%, 0, 50% 50%, 960, from(rgba(255,255,255,0)), to(rgba(29,29,29,.4)));
background:-moz-radial-gradient(50% 50%, circle, rgba(255,255,255,0) 0px, rgba(29,29,29,.4) 960px);


Radial gradients for FF and webkit: http://www.westciv.com/tools/radialgradients/index-moz.html

Radial gradients are not yet supported by Opera :( try canvas: http://dev.opera.com/articles/view/html-5-canvas-the-basics/#gradients

0

精彩评论

暂无评论...
验证码 换一张
取 消