WPFでグラデーションを使ったホバーアクションを作りたい

Question

WPFでグラデーションを使ったホバーアクションを作りたい

WPFを使ったゲーム制作のため、タイトル画面を作っていました。
ボタンがマウスホバー時に背景色がグラデーションになるものを作ろうとしましたが、できませんでした。

発生している問題

StoryBoardとColorAnimetionを使って単色に変化するものはできました。
また、常にグラデーションのものも作ることができました。
しかし、ToプロパティにグラデーションのLinearGradiantBrushを入れても、指定した値は設定できないといわれます。

<VisualState Name="MouseOver">
	<Storyboard>
		<ColorAnimation Storyboard.TargetName="MyButton"
									   Storyboard.TargetProperty="Background.(SolidColorBrush.Color)"
									   Duration="00:00:00.1"
									   >
			<ColorAnimation.To>
				<LinearGradientBrush>
					<LinearGradientBrush.GradientStops>
						<GradientStop Offset="0.0" 
			  Color="{DynamicResource {x:Static SystemColors.DesktopColorKey}}" />
						<GradientStop Offset="1.0" 
			  Color="{DynamicResource {x:Static SystemColors.ControlLightLightColorKey}}" />
					</LinearGradientBrush.GradientStops>
				</LinearGradientBrush>
			</ColorAnimation.To>
		</ColorAnimation>
		<ColorAnimation Storyboard.TargetName="Presenter"
									   Storyboard.TargetProperty="(TextBlock.Foreground).(SolidColorBrush.Color)"
									   Duration="00:00:00.1"
									   To="white" />
	</Storyboard>
</VisualState>

エラーメッセージ

エラー	XLS0504	プロパティ 'To' は、型 'LinearGradientBrush' の値をサポートしません。

エラー	XDG0047	指定された値を割り当てることができません。次の型の値を指定してください: "Nullable`1"。

エラーはどちらも<ColorAnimation.To>の行にでてます

試したこと

色々調べて試してみてもできません。

補足情報（FW/ツールのバージョンなど）

VisualStudio 2019
.NET FrameWork 4.8

Answer 1

ToはBrushではなくColorです。
ColorAnimation.To プロパティ (System.Windows.Media.Animation) | Microsoft Docs

元の色がわからないのですが GradientStopsを合わせられそうなら、 それぞれのColorをアニメーションできます。
下記リンクの(Panel.Background). (GradientBrush.GradientStops)[1].(GradientStop.Color)の部分
ボタンのスタイルとテンプレート - WPF | Microsoft Docs

全然違う感じならベース用のBorderを2つ用意して、透明度を入れ替えるとかでしょうか。

---

GradientStopのOffset等もDoubleAnimationできるので、調整の手間さえ考えなければどうにでもできそうですね^^;

方法 : グラデーション ストップの位置または色をアニメーション化する - WPF | Microsoft Docs