zoukankan      html  css  js  c++  java
  • silverlight画图 虚线 反射效果 射线渐变效果Radial Gradient

    <Polyline Stroke="Blue" StrokeThickness="14" StrokeDashArray="1 2"
     Points="10,30 60,0 90,40 120,10 350,10">
    </Polyline>

    DashArray="1 2"代表显示1段,隐藏2段

    <Grid x: Name="LayoutRoot" Background="White">
     <Grid.RowDefinitions>
     <RowDefinition></RowDefinition>
     <RowDefinition></RowDefinition>
     </Grid.RowDefinitions>
     <Image Grid.Row="0" Source="harpsichord.jpg"></Image>
     <Image Grid.Row="1" Source="harpsichord.jpg"></Image>
    </Grid>
    
    <Image Grid.Row="1" Source="harpsichord.jpg" RenderTransformOrigin="0,0.4">
     <Image.RenderTransform>
     <ScaleTransform ScaleY="-0.8"></ScaleTransform>
     </Image.RenderTransform>
     <Image.OpacityMask>
     <LinearGradientBrush StartPoint="0,0" EndPoint="0,1">
     <GradientStop Offset="0" Color="Transparent"></GradientStop>
     <GradientStop Offset="1" Color="#44000000"></GradientStop>
     </LinearGradientBrush>
     </Image.OpacityMask>
    </Image>

    射线渐变效果

    <Ellipse Margin="5" Stroke="Black" StrokeThickness="1" Width="200" Height="200">
     <Ellipse.Fill>
     <RadialGradientBrush RadiusX="1" RadiusY="1" GradientOrigin="0.7,0.3">
     <GradientStop Color="White" Offset="0" />
     <GradientStop Color="Blue" Offset="1" />
     </RadialGradientBrush>
     </Ellipse.Fill>
    </Ellipse>
  • 相关阅读:
    纯CSS实现气泡聊天框的方法
    css实现箭头矩形流程效果
    上传文件控件的样式美化
    Input placeholder 字体颜色更改
    如何为全局所有input组件添加边框发光效果
    JavaWeb:Filter(二)
    JavaWeb:Filter
    JavaWeb:EL & JSTL
    JavaWeb:标签(二)
    JavaWeb:简单的标签
  • 原文地址:https://www.cnblogs.com/xlyg-14/p/4852422.html
Copyright © 2011-2022 走看看