Updated to version 0.4 Changelist :
0.3 Added Support for "distance", Default colors calculated from background Added additional positioning CSS options (e.g. bottom or right) 0.4 Added support for negative angles and some more examples Fix IE strange border effects with overflow: hidden and adding 1px to width and height of VML Now wrap innerHTML in a div to preserve zIndex http://www.parkerfox.co.uk/labs/gradientz http://www.parkerfox.co.uk/labs/gradientz/examples.html On 4 Nov, 14:52, "Andy Matthews" <[EMAIL PROTECTED]> wrote: > Man...how's that for service! Great job weepy! > > -----Original Message----- > From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On > > Behalf Of weepy > Sent: Tuesday, November 04, 2008 8:41 AM > To: jQuery (English) > Subject: [jQuery] Re:Gradientz > > Ok this is fixed -> I've just pushed a new version. Check again - it should > be fixed. > > http://www.parkerfox.co.uk/labs/gradientz/ > > On 4 Nov, 14:37, Rick Faircloth <[EMAIL PROTECTED]> wrote: > > Thanks, weepy... > > > When you said it "creates graduated backgrounds" I assumed it would > > respond like a true background image. Perhaps that's not what you > > intended. > > > Rick > > > weepy wrote: > > > Ah Rick - I'll take a look. > > > > On 4 Nov, 14:14, Rick Faircloth <[EMAIL PROTECTED]> wrote: > > > >> Hey, I likegradientzvery much! > > > >> Question... how do I make the gradient to be the background for a > > >> div? > > > >> I created a div with a gradient and put the text inside the div, > > >> but the text appears outside the gradient, not over it... > > > >> <script type="text/javascript"> > > > >> $(document).ready(function() { > > >> $('#box1').gradientz({ > > >> start: "gray", > > >> end: "white", angle: 0 > > >> }) > > >> }); > > > >> </script> > > > >> <div id="box1" style="height:200px; width:200px; padding:10px; > > >> color:white;"> > > >> This is the text in my gradient box!</div> > > > >> Rick > > > >> weepy wrote: > > > >>> Just released a jQuery plugin "Gradientz" which creates graduated > > >>> backgrounds without the need for images. > > > >>> * Uses VML in IE and canvas in Firefox, Webkit. > > >>> * Cross Browser: Tested on FF3, IE6, IE7, Safari > > >>> * Fast > > >>> * No need for excanvas > > >>> * Small: 2.2k uncompressed > > > >>> For those of you that have seen Cornerz - it works in a very > > >>> similar way. > > > >>> See more herehttp://www.parkerfox.co.uk/labs/gradientz/ > > > >>> Enjoy! > > > >>> weepy ;..( > > > >>> ------------------------------------------------------------------ > > >>> ------ > > > >>> No virus found in this incoming message. > > >>> Checked by AVG -http://www.avg.com > > >>> Version: 8.0.175 / Virus Database: 270.8.6/1765 - Release Date: > > >>> 11/3/2008 4:59 PM > > > >>> ------------------------------------------------------------------ > > >>> ------ > > > >>> No virus found in this incoming message. > > >>> Checked by AVG -http://www.avg.com > > >>> Version: 8.0.175 / Virus Database: 270.8.6/1765 - Release Date: > 11/3/2008 4:59 PM
