<Window
	xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
	xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
	xml:lang="en-US"
	x:Class="WWWings_WPF.F_Animation"
	x:Name="Window"
	Title="Window"
	Width="640" Height="480" xmlns:d="http://schemas.microsoft.com/expression/blend/2006" xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" mc:Ignorable="d">

	<Window.Resources>
		<Storyboard x:Key="C_Timeline_Buchen">
			<DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="C_Buchen" Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[2].(RotateTransform.Angle)">
				<SplineDoubleKeyFrame KeyTime="00:00:00.5" Value="45"/>
				<SplineDoubleKeyFrame KeyTime="00:00:01.0" Value="0"/>
			    <SplineDoubleKeyFrame KeyTime="00:00:01.5" Value="90"/>
				<SplineDoubleKeyFrame KeyTime="00:00:02.0" Value="0"/>
				<SplineDoubleKeyFrame KeyTime="00:00:02.5" Value="180"/>
				<SplineDoubleKeyFrame KeyTime="00:00:03.0" Value="0"/>
				<SplineDoubleKeyFrame KeyTime="00:00:03.5" Value="360"/>    			    			    
			</DoubleAnimationUsingKeyFrames>
			<ColorAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="C_Buchen" Storyboard.TargetProperty="(Panel.Background).(SolidColorBrush.Color)">
				<SplineColorKeyFrame KeyTime="00:00:00" Value="#FFF4F1F4"/>
				<SplineColorKeyFrame KeyTime="00:00:00.5" Value="red"/>
				<SplineColorKeyFrame KeyTime="00:00:01" Value="yellow"/>
				<SplineColorKeyFrame KeyTime="00:00:02" Value="blue"/>
					<SplineColorKeyFrame KeyTime="00:00:02" Value="yellow"/>
						<SplineColorKeyFrame KeyTime="00:00:02.5" Value="pink"/>
							<SplineColorKeyFrame KeyTime="00:00:03" Value="yellow"/>
								<SplineColorKeyFrame KeyTime="00:00:03.5" Value="Green"/>		

			</ColorAnimationUsingKeyFrames>


			<ColorAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="C_Buchen" Storyboard.TargetProperty="(TextElement.Foreground).(SolidColorBrush.Color)">
	
				<SplineColorKeyFrame KeyTime="00:00:03.5000000" Value="white"/>
			</ColorAnimationUsingKeyFrames>


			<DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="image" Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[0].(ScaleTransform.ScaleX)">
				<SplineDoubleKeyFrame KeyTime="00:00:00.5000000" Value="0.975"/>
			</DoubleAnimationUsingKeyFrames>
			<DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="image" Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[0].(ScaleTransform.ScaleY)">
				<SplineDoubleKeyFrame KeyTime="00:00:00.5000000" Value="0.975"/>
			</DoubleAnimationUsingKeyFrames>
			<DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="image" Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[3].(TranslateTransform.X)">
				<SplineDoubleKeyFrame KeyTime="00:00:00.5000000" Value="-47.078"/>
			</DoubleAnimationUsingKeyFrames>
			<DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="image" Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[3].(TranslateTransform.Y)">
				<SplineDoubleKeyFrame KeyTime="00:00:00.5000000" Value="67.698"/>
			</DoubleAnimationUsingKeyFrames>
			<PointAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="image" Storyboard.TargetProperty="(UIElement.RenderTransformOrigin)">
				<SplinePointKeyFrame KeyTime="00:00:00.5000000" Value="0.562,0.669"/>
			</PointAnimationUsingKeyFrames>
			<DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="image" Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[2].(RotateTransform.Angle)">
				<SplineDoubleKeyFrame KeyTime="00:00:00.5000000" Value="-45.666"/>
			</DoubleAnimationUsingKeyFrames>


			<DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="C_Buchen" Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[3].(TranslateTransform.X)">
				<SplineDoubleKeyFrame KeyTime="00:00:00" Value="-82"/>
				<SplineDoubleKeyFrame KeyTime="00:00:00.5000000" Value="0"/>
			</DoubleAnimationUsingKeyFrames>
			<DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="C_Buchen" Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[3].(TranslateTransform.Y)">
				<SplineDoubleKeyFrame KeyTime="00:00:00" Value="-39"/>
				<SplineDoubleKeyFrame KeyTime="00:00:00.5000000" Value="0"/>
			</DoubleAnimationUsingKeyFrames>


		</Storyboard>
		<SolidColorBrush Color="#FF000000" x:Key="B1"/>
	</Window.Resources>
	<Window.Triggers>
		<EventTrigger RoutedEvent="FrameworkElement.Loaded">
			<BeginStoryboard Storyboard="{StaticResource C_Timeline_Buchen}"/>
		</EventTrigger>
	</Window.Triggers>

	<Grid x:Name="LayoutRoot">
		<Button RenderTransformOrigin="0.5,0.5" Margin="291,0,215,160" x:Name="C_Buchen" Content="Klick mich!" Background="Black" VerticalAlignment="Bottom" Height="37">
			<Button.RenderTransform>
				<TransformGroup>
					<ScaleTransform ScaleX="1" ScaleY="1"/>
					<SkewTransform AngleX="0" AngleY="0"/>
					<RotateTransform Angle="0"/>
					<TranslateTransform X="0" Y="0"/>
				</TransformGroup>
			</Button.RenderTransform>

		</Button>
		<Grid d:IsLayer="True" x:Name="Layer" Grid.ColumnSpan="1" Grid.RowSpan="1">
			<Image RenderTransformOrigin="0.535,0.768" Margin="199,85,192,0" x:Name="image" VerticalAlignment="Top" Height="108.141" Source="\www.IT-Visions.de_Logo.jpg">
				<Image.RenderTransform>
					<TransformGroup>
						<ScaleTransform ScaleX="1" ScaleY="1"/>
						<SkewTransform AngleX="0" AngleY="0"/>
						<RotateTransform Angle="0"/>
						<TranslateTransform X="0" Y="0"/>
					</TransformGroup>
				</Image.RenderTransform>
			</Image>
		</Grid>
	</Grid>
</Window>