zoukankan      html  css  js  c++  java
  • 阴影效果DropShadowEffect

    <TextBlock FontSize="20" Margin="3">
     <TextBlock.Effect>
     <DropShadowEffect></DropShadowEffect>
     </TextBlock.Effect>
     <TextBlock.Text>Basic dropshadow</TextBlock.Text>
    </TextBlock>
    <TextBlock FontSize="20" Margin="3">
     <TextBlock.Effect>
     <DropShadowEffect Color="SlateBlue"></DropShadowEffect>
     </TextBlock.Effect>
     <TextBlock.Text>Light blue dropshadow</TextBlock.Text>
    </TextBlock>
    <TextBlock FontSize="20" Foreground="White" Margin="3">
     <TextBlock.Effect>
     <DropShadowEffect BlurRadius="15"></DropShadowEffect>
     </TextBlock.Effect>
     <TextBlock.Text>Blurred dropshadow with white text</TextBlock.Text>
    </TextBlock>
    <TextBlock FontSize="20" Foreground="Magenta" Margin="3">
     <TextBlock.Effect>
     <DropShadowEffect ShadowDepth="0"></DropShadowEffect>
     </TextBlock.Effect>
     <TextBlock.Text>Close dropshadow</TextBlock.Text>
    </TextBlock>
    <TextBlock FontSize="20" Foreground="LimeGreen" Margin="3">
     <TextBlock.Effect>
     <DropShadowEffect ShadowDepth="25"></DropShadowEffect>
     </TextBlock.Effect>
     <TextBlock.Text>Distant dropshadow</TextBlock.Text>
    </TextBlock>
  • 相关阅读:
    ES6 Set
    JavaScript 之 对象属性的特性 和defineProperty方法
    ES6 ... 展开&收集运算符
    ES6 箭头函数
    ES6 解构 destructuring
    canvas之事件交互效果isPointPath
    跨域及JSONP原理
    P03 显示隐藏
    最长公共子序列
    P02 CSS样式
  • 原文地址:https://www.cnblogs.com/xlyg-14/p/4852829.html
Copyright © 2011-2022 走看看