gradient

I'm trying to create a timer using d3 which has a gradient which will change between 0 and 100%. For example dark orange at 0% and light orange at 100%. I can make the arc transition between dark and light orange but having problems finding anything which allows me to apply a gradient to the arc. An example of what I am trying to achieve can be seen in the image below. Been searching/frying my brain trying to achieve this for a day or so now. SVG does not allow for these kind of gradients. I've done something very similar before, I created a "donut chart" where each wedge is a different color:

I'm trying to use the following CSS styles. They are working on most browsers, including ie7. However in ie8, the transparent background does not show and instead I get the background color which I would like to leave set as a fallback color. section.rgba{ background-color: #B4B490; background-color: rgba(200, 0, 104, 0.4); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#99B4B490',EndColorStr='#99B4B490'); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#99B4B490',EndColorStr='#99B4B490')"; zoom: 1 } I would like to be able to get this to work without

body{ padding:0; margin:0; font:normal 12px/16px Arial, Helvetica, sans-serif; color:#383634; background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0.18, rgb(74,12,107)), color-stop(0.87, rgb(102,153,102)) ); background: -moz-linear-gradient(top, #4a0c6b 0%, #669966 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4a0c6b), color-stop(100%,#669966)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #4a0c6b 0%,#669966 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #4a0c6b 0%,#669966 100%);

I have a white image that I'd like to color with a gradient. Instead of generating a bunch of images each colored with a specific gradient, I'd like to do this in code (not xml). To change an image's color, I use imageView.setColorFilter(Color.GREEN); And this works fine. But how can I apply a gradient color instead of a solid color? LinearGradient doesn't help, because setColorFilter can't be applied to Shader objects. EDIT : This is the image I have: This is what I want: And this is what I'm getting: You have to get Bitmap of your ImageView and redraw same Bitmap with Shader public void

I need to add blurred drop shadow to my button: I tried to create background with layer-list xml drawable, but it not looks like blur. <?xml version="1.0" encoding="utf-8"?> <layer-list xmlns:android="http://schemas.android.com/apk/res/android"> <!-- Drop Shadow Stack --> <item> <shape> <corners android:radius="45dp" /> <padding android:bottom="2dp" android:left="1dp" android:right="1dp" android:top="1dp" /> <stroke android:width="6dp" android:color="#007879E8" /> </shape> </item> ////// 10 more items <item> <shape> <corners android:radius="45dp" /> <padding android:bottom="2dp" android:left=

At Wikipedia's Mandelbrot set page there are really beautiful generated images of the Mandelbrot set. I also just implemented my own Mandelbrot algorithm. Given n is the number of iterations used to calculate each pixel, I color them pretty simple from black to green to white like that (with C++ and Qt 5.0): QColor mapping(Qt::white); if (n <= MAX_ITERATIONS){ double quotient = (double) n / (double) MAX_ITERATIONS; double color = _clamp(0.f, 1.f, quotient); if (quotient > 0.5) { // Close to the mandelbrot set the color changes from green to white mapping.setRgbF(color, 1.f, color); } else { //