gradient

How do I combined CSS text-shadow and "background-image: -webkit-gradient"

I am trying to achieve a gradient + text shadow effect in Chrome/Safari using CSS text-shadow and a combination of text-shadow and background-image: -webkit-gradient, see example blw. I can only make one of the effects apply(if I add the shadow the gradient disappears. What am I doing wrong? h1 { font-size: 100px; background-image: -web...

How to make transparent gradient?

I have the following gradient: <?xml version="1.0" encoding="utf-8"?> <shape xmlns:android="http://schemas.android.com/apk/res/android"&gt; <gradient android:startColor="#ECECEC" android:centerColor="#F6F6F4" android:endColor="#F8F8F6" android:angle="90" android:d...

Add gradient to select box w/ CSS3 in chrome?

I'm try to render a gradient background on some form elements. While it works fine for text and text areas, the same does not seem to work for selects in Chrome/Safari (though it does work on FF3) . Is there a way to accomplish this? CSS code: .prettyform input, .prettyform textarea, .prettyform select { padding: 9p...

WebKit gradient from an image

Does anyone know if there is a tool that will take an image (.png, .gif, etc) and output the gradient that the image contains? I really want to recreate this image in css. Looks like a mix of linear and radial gradients and is beyond my css skills ...

Text and box drop shadow, rounded corners and gradients with jQuery official plugin

Hi! Is there any official jQuery plugin (like jQuery UI) that allows those effects in all browsers? Or at least IE8, Chome, FF and Opera. I don't want user plugins as those often lack support in the long term, are uncompatible with one another or lack consistent quality and optimization. I saw some "Overlay and Shadow Classes" in the j...

UIView CGGradient clipped to drawn "frame"

Hi all! I'm trying to make a more sophisticated drawing of a UILabels (or a UIView, putting the UILabel on top, should that be required) background. Since I want this to resize automatically when the user changes iPhone orientation, I am trying to implement this in a subclasses drawRect function. I would love to be able to tune this all...

Stack gradients in -webkit-gradient

Can I combine 3 gradients into one -webkit-gradient? I want to have an image that has a radial gradient for the "background" and "middle-ground" and a linear gradient for the "foreground". Is this possible? ...

Server side Charting Library that is design focused

I have been looking for a good server side graphing / charting library that has a lot of design options. Most seem to be very difficult to customize the specific way we are looking to. I don't mind if it is python, php, java, etc... I just need it to generate server side and output an image to be embedded on a pdf. Specifically I need...

WPF 3D - mapping gradient brush on complex geometry

Hello, I wanted to ask if anyone knows how to map gradient brush on complex objects in WPF 3D. The result should look similar to 3D images in matlab (3D function for example). Lets say you have some 3-dimensional data you wish to visualize and you want to diferentiate certain levels of values by color. ...

How to add vertical gradient using css?

I have vertical submenu as under: <div id="dropdown_menu" class="menu"> <ul> <li> <a>First Link</a></li> <li> <a>Second Link</a></li> </ul> </div> I am putting bottom piece of background in css class 'menu'., top slice of background in .menu ul. Now, I have one vertical gradient that changes color from top to down (in whole vertical m...

Compile error trying to use CAGradientLayer

Hi, I'm trying to use CAGradientLayer and getting an unhelpful compile error. Can't figure out whats wrong. All I'm doing so far is: CAGradientLayer *gradient = [CAGradientLayer layer]; I've imported <QuartzCore/QuartzCore.h> and I'm getting the warning > _OBJC_CLASS_$CAGradientLayer referenced from: objc-class-ref-to-CAGradientL...

css fading borders without border-image?

hi there! does anyone know of a css-only method (css3 is fine, but preferably without border-image just in case) to style an active tab like the following dialog's toolbar (ignoring the icons): coda preferences on snow leopard i'm using jquery-ui to generate tabs, which means the markup is similar to: <div class="tabbed"> <ul> ...

Gradients in Internet Explorer 9

Hi Does anyone know the vendor prefix for gradients within IE9 or are we still supposed to still be using their proprietry filters? What I've got for the other browsers is: background-image: -moz-linear-gradient(top, #444444, #999999); /* FF3.6 */ background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #444444),co...

Gradient text with GD library from PHP

With this function, we can create gradient image : http://planetozh.com/blog/my-projects/images-php-gd-gradient-fill/ I need to create gradient text, or put a gradient over a black image. (Must have transparent background) It's kind of easy within Photoshop, but I don't know all functions of GD library so maybe there is a way to get th...

Android "Advanced" Gradients - 'thumb' positions?

Hello -- I am trying to create a gradient drawable to depict a ratio of something. As a general example, lets say you were looking at a listview containing a fleet of cars. The background could be a fuel gauge - I don't want a smooth, wide transition. I want a very tight transition, and I want to be able to set where that transition ...

How can I create button using pure CSS which involves linear gradients and background color.

How can I create button using pure CSS with a sold background color and on top of that and an oval shape gradient in the center of it. I don't want to use any external images.Here is the sample button.In this example background is solid black and the blue area is composed of two linear gradient (from top(#92B5FD) to middle(#6094FC) and t...

Chrome Canvas Linear Gradient != Firefox Canvas Linear Gradient

Well , the problem is the next : canvas = GreenCanvas.get(0).getContext('2d'); grad = canvas.createLinearGradient(0,0,255,0); grad.addColorStop(0, 'rgb('+r+','+0+','+b+')'); grad.addColorStop(1, 'rgb('+r+','+255+','+b+')'); canvas.fillStyle = grad; canvas.fillRect(0,0,256,34); 256 pixels . from for example rgb(0,0,0)...

Gradient direction computation

Hello everyone. I'm working on my task in computer vision course. One of sub-tasks is gradient direction computation based on image brightness. I've made a matrix bright[width][height] containing brightness values for every pixel of the image. And i have two such functions: double Image::grad_x(int x,int y){ if(x==width-1 || x==0) ...

changing EditText

When I change the layout_height of an EditText field in Android, the nice looking gradient becomes a hard gray line as you can see here: Is there a way to either fix or disable this gradient? thx Ben ...

Drawing text with gradient fill in Cocoa

Hello all, I have a project that needs to draw text in a view with a gradient fill in a custom subclass of NSView, like this example below. http://cl.ly/2znx I'm wondering how I can achieve this, as I'm pretty new to Cocoa drawing. ...