gradients

Display SVG gradients using Flash?

I'm using AS3 (Flash) to read SVG files and display them. The problem is correctly displaying a linear/radial gradient. Following is an example of a simple linear gradient from Red to Blue, in SVG. <linearGradient id="GRADIENT_1" gradientUnits="userSpaceOnUse" x1="107.3938" y1="515.5684" x2="105.2488" y2="428.8614" gradientTransform="m...

Absolute GradientStops in LinearGradientBrushes

How can I go about specifying absolute Offsets for the GradientStops in my LinearGradientBrush? I have a GridView with a LinearGradientBrush as the background: <Grid.Background> <LinearGradientBrush StartPoint="0,0" EndPoint="0,1"> <LinearGradientBrush.GradientStops> <GradientStop Offset="0" Color="White" /> ...

CSS3 Transparency + Gradient

RBGA is extremely fun, and so is -webkit-gradient, -moz-gradient, and uh... progid:DXImageTransform.Microsoft.gradient... yeah. :) Is there a way to combine the two, RBGA and gradients, so that there's gradient of alpha transparency using the current/latest CSS specs. Thanks. ...

CSS gradients in IE7 & IE8 is causing text to become aliased

I'm attempting to use a CSS gradient in a div containing some text. With Gecko and Webkit, the text displays fine. In IE7 & IE8 the text appears aliased (jaggy). I came across this blog stating: "we decided to disable ClearType on elements that use any DXTransform". IE Blog: http://blogs.msdn.com/ie/archive/2006/08/31/730887.aspx Th...

CSS3 Gradients to reproduce an 'inner glow' effect from Illustrator with border-radius applied

Hello all! First post on here so please be kind :) I am in the process of trying to get my head properly around CSS3 Gradients (specifically radial ones) and in doing so I think I've set myself a relatively tough challenge. In Adobe Illustrator I have created a 'button' style which can be seen here: http://bit.ly/aePPtV (jpg image). ...

One SVG file, many SVG gradients inside

Hello, I’m making a set of buttons which use dynamic gradients. I’ve taken care of Firefox 3.6+ and WebKit by using their proprietary CSS extensions and all I need to do is support Opera, iOS and IE9 by using background-image: url("gradient.svg"). This is relatively easy, I made an SVG file, linked it and got it working. However, I’m m...

jquery css3 gradient plugin

Does anyone know of a jquery css3 plugin that supports cross browser gradients. All the gradient plugins I've seen thus far are based on creating many elements. Thanks. Edit: Sorry for being unclear, I'm not trying to make CSS3 work on browsers that don't support it. I know I can use gradients on the browsers that support CSS3 gradient...

Programatically working with color gradients

I have a python app that uses GIMP gradients to color images. Other than letting the user choose which GIMP gradient to use, the user doesn't have much more control over the coloring. I'm thinking of how to make it easier to let users edit or create color gradients. Are there preexisting tools for working with creating/editing color grad...

Does CSS3 support using both an image and a gradient for the background of a single <div>?

I know you can do multiple backgrounds on a single <div> in CSS3, but is it possible to mix an image-referencing background (i.e. url(...)) with a gradient generating background (e.g. -moz-linear-gradient(...))? If so, what is the syntax? If not, what is a best-practice to achieve the same result? Thanks. ...

Can you add noise to a CSS3 gradient?

Is it possible to add noise to a gradient in CSS? Here is my code for a radial gradient: body { color: #575757; font: 14px/21px Arial, Helvetica, sans-serif; background-color: #2f3b4b; background: -moz-radial-gradient(center 45deg, circle closest-corner, #2f3b4b 0%, #3e4f63 100%); background: -webkit-gradient(radial...