gradientstop | 易学教程

Absolute GradientStops in LinearGradientBrushes

阅读更多关于 Absolute GradientStops in LinearGradientBrushes

问题 How can I go about specifying absolute Offset s for the GradientStop s 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" /> <GradientStop Offset="0.25" Color="White" /> <GradientStop Offset="0.4" Color="WhiteSmoke" /> </LinearGradientBrush.GradientStops> </LinearGradientBrush> </Grid.Background> When the

How to make a diagonal css gradient without the colors blending together(a sharp color change) that's displaced 70% to the right?

阅读更多关于 How to make a diagonal css gradient without the colors blending together(a sharp color change) that's displaced 70% to the right?

问题 I can't find any css gradient color generators that do what i'm trying to do. A diagonal gradient with no blending, just a sharp color change from #252525 to #0099ff (for example), with the line where the two colors meet being about 70% from the left of the container, so the line would start a little more than halfway across the x axis of the container, and the line would end maybe halfway down the y axis of the right side of the container. If you would be able to emphasize what numbers are

Transparent GradientStop in Silverlight is not exactly transparent

阅读更多关于 Transparent GradientStop in Silverlight is not exactly transparent

问题 I'm styling a simple graphical object in Silverlight, which is shown as a red rectangle with some white text on it; when the mouse hovers the rectangle, I want to show an overlay rectangle which fades from red to transparent, so that the text is only partially visible. My problem is, the LinearGradientBrush I'm using does not go from red to transparent but from red to some kind of semi-transparent white! I've reproduced the problem as follows: <Grid x:Name="LayoutRoot" Background="Red"> <Grid

Blurry linear gradient stops in chrome

阅读更多关于 Blurry linear gradient stops in chrome

If I am using a linear gradient with multiple stops like this: div { border: 1px solid black; width: 100px; height: 2000px; display: inline-block; background-image: linear-gradient(to bottom, #383937 0, #001500 35px, #ffffff 35px, #b0b0b0 150px, #ffffff 150px, #ffffff 100%); } Firefox Problem free. Chrome The transitions between gradient colors are blurry. I am reusing a position to define a new color, so on position 35, the color goes from #001500 to #ffffff instantly (or at least should). The blurryness between gradient stops increases if the div is taller. IE There is some blurryness like

How to bind GradientStop Colours or GradientStops Property in Silverlight?

阅读更多关于 How to bind GradientStop Colours or GradientStops Property in Silverlight?

问题 I want to be able to have a dynamic Gradient in Silverlight, such as below: <RadialGradientBrush GradientOrigin="0.20,0.5" Center="0.25,0.50" RadiusX="0.75" RadiusY="0.5"> <GradientStop Color="{Binding Path=GradientStart}" Offset="0" /> <GradientStop Color="{Binding Path=GradientEnd}" Offset="1" /> </RadialGradientBrush> I am binding to two properties which return the type "Color" however I always get this message: AG_E_PARSER_BAD_PROPERTY_VALUE If I try to bind to a GradientStop Collection

Blurry linear gradient stops in chrome

阅读更多关于 Blurry linear gradient stops in chrome

问题 If I am using a linear gradient with multiple stops like this: div { border: 1px solid black; width: 100px; height: 2000px; display: inline-block; background-image: linear-gradient(to bottom, #383937 0, #001500 35px, #ffffff 35px, #b0b0b0 150px, #ffffff 150px, #ffffff 100%); } Firefox Problem free. Chrome The transitions between gradient colors are blurry. I am reusing a position to define a new color, so on position 35, the color goes from #001500 to #ffffff instantly (or at least should).