W3C home > Mailing lists > Public > www-style@w3.org > February 2011

Re: Repeating gradient syntax question

From: Alan Gresley <alan@css-class.com>
Date: Tue, 08 Feb 2011 04:37:19 +1100
Message-ID: <4D502DCF.30204@css-class.com>
To: Brad Kemper <brad.kemper@gmail.com>
CC: Fraser Pearce <me@fraserpearce.com>, www-style@w3.org
On 8/02/2011 3:40 AM, Brad Kemper wrote:

> As for repeating radial gradients, this seems like an effect that
> will almost never be used. If someone really, really needs a radial
> gradient that repeats infinitely (instead of just copy-pasting the
> color stops a few times), they should use an SVG image.


Are you sure?


<!DOCTYPE html>

<style type="text/css">
div {
height: 200px; width: 200px;
-moz-border-radius: 100px 100px;
background: #385179 -moz-radial-gradient(rgba(56,81,121,0), 
rgba(255,255,255,1));
-moz-background-size: 50px 50px;
}
</style>

<div></div>



-- 
Alan http://css-class.com/

Armies Cannot Stop An Idea Whose Time Has Come. - Victor Hugo
Received on Monday, 7 February 2011 17:37:56 GMT

This archive was generated by hypermail 2.3.1 : Tuesday, 26 March 2013 17:20:37 GMT