creating-wpf-animationslisted
Install: claude install-skill christian289/dotnet-with-claudecode
# WPF Animation Patterns
WPF animations create visual effects by changing property values over time.
## 1. Animation Components
```
Storyboard (container)
├── Timeline (time control)
│ ├── Animation (value change)
│ │ ├── DoubleAnimation
│ │ ├── ColorAnimation
│ │ └── ...
│ └── AnimationUsingKeyFrames (keyframes)
│ ├── DoubleAnimationUsingKeyFrames
│ └── ...
└── EasingFunction (acceleration/deceleration)
```
---
## 2. Basic Animation (XAML)
### 2.1 DoubleAnimation
```xml
<Button Content="Hover Me" Width="100">
<Button.Style>
<Style TargetType="Button">
<Style.Triggers>
<Trigger Property="IsMouseOver" Value="True">
<Trigger.EnterActions>
<BeginStoryboard>
<Storyboard>
<!-- Width animation -->
<DoubleAnimation
Storyboard.TargetProperty="Width"
To="150"
Duration="0:0:0.3"/>
</Storyboard>
</BeginStoryboard>
</Trigger.EnterActions>
<Trigger.ExitActions>
<BeginStoryboard>
<Storyboard>
<DoubleAnimation
Storyboard.TargetProperty="Width"