美しいミズキ

1
<Setter Property="Transitions">
2
    <Transitions>
3
    // BrushTransition
4
    <BrushTransition
5
    Property="Background" // 背景颜色属性, 是Brush都可以用BrushTransition
6
    Duration="0:0:0.5"  // 动画时长
7
    />
8
    </Transitions>
9
</Setter>

1
<Setter Property="Transitions">
2
    <Transitions>
3
    // TickenssTransition
4
    <ThicknessTransition
5
    Property="CornerRadius" // 圆角属性, 是Thickness都可以用ThicknessTransition
6
    Duration="0:0:0.5"  // 动画时长
7
    />
8
    </Transitions>
9
</Setter>

1
<Setter Property="Transitions">
2
    <Transitions>
3
    // DoubleTransition
4
    <DoubleTransition
5
    Property="Width" // 大小属性, 是Double都可以用DoubleTransition
6
    Duration="0:0:0.5"  // 动画时长
7
    />
8
    </Transitions>
9
</Setter>

1
<Setter Property="RenderTransformOrigin" value="50%, 50%"> // 设置变换原点, 50% 50% 为中心
2
<Setter Property="Transitions">
3
    <Transitions>
4
        <TransformOperationsTransition
5
            Property="RenderTransform"
6
            Duration="0:0:0.5"  // 动画时长
7
        />
8
    </Transitions>
9
</Setter>
10

11
<Setter Property="RenderTransform" Value="scale(0.7, 1)"/>