IE9 is apparently able to handle rounded corners by using the CSS3 standard definition of border-radius. What about support for border radius and background gradient? Yes IE9 is to support them both separately, but if you mix the two the gradient bleeds out of the rounded corner. I am also seeing strangeness with shadows showing … Read more
This question already has answers here: Closed 9 years ago. Possible Duplicate: Manually drawing a gradient in iPhone apps? My application needs to display text in either a UIView or UILabel but the back ground must be a gradient as opposed to a true UIColor. Using a graphics program to create desired look is no … Read more
I’m trying to transition on hover with css over a thumbnail so that on hover, the background gradient fades in. The transition isn’t working, but if I simply change it to an rgba() value, it works fine. Are gradients not supported? I tried using an image too, it won’t transition the image either. I know … Read more
I am having trouble applying a gradient background to a LinearLayout. This should be relatively simple from what I have read but it just doesn’t seem to work. For reference sakes I am developing on 2.1-update1. header_bg.xml: <?xml version=”1.0″ encoding=”utf-8″?> <shape xmlns:android=”http://schemas.android.com/apk/res/android” android:shape=”rectangle”> <gradient android:angle=”90″ android:startColor=”#FFFF0000″ android:endColor=”#FF00FF00″ android:type=”linear”/> </shape> main_header.xml: <?xml version=”1.0″ encoding=”utf-8″?> <LinearLayout xmlns:android=”http://schemas.android.com/apk/res/android” … Read more
I want to create gradient background where the gradient is in the top half and there’s a solid color in the bottom half, like in this image below: I can’t because the centerColor spreads out to cover the bottom and top. How can I make a background like the first image? How can I make … Read more
RGBA 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, RGBA and gradients, so that there’s gradient of alpha transparency using the current/latest CSS specs. 7 Answers 7
I’m trying to apply a gradient to a border, I thought it was as simple as doing this: border-color: -moz-linear-gradient(top, #555555, #111111); But this does not work. Does anyone know what is the correct way to do border gradients? 19 Answers 19
ok say the content inside the <body> totals 300px high. If I set the background of my <body> using -webkit-gradient or -moz-linear-gradient Then I maximize my window (or just make it taller than 300px) the gradient will be exactly 300px tall (the height of the content) and just repeat to fill the rest of the … Read more
How do I use CSS3 gradients for my background-color and then apply a background-image to apply some sort of light transparent texture? 1 19 Multiple backgrounds! body { background: #eb01a5; background-image: url(“IMAGE_URL”); /* fallback */ background-image: url(“IMAGE_URL”), linear-gradient(#eb01a5, #d13531); /* W3C */ } These 2 lines are the fallback for any browser that doesn’t do … Read more
