Skip to content

Instantly share code, notes, and snippets.

@NaBian
Last active August 8, 2019 16:24
Show Gist options
  • Save NaBian/60f3ec3c11c769c68d5c295765eb519e to your computer and use it in GitHub Desktop.
Save NaBian/60f3ec3c11c769c68d5c295765eb519e to your computer and use it in GitHub Desktop.
Funny
<Window.Resources>
<PathGeometry x:Key="Geometry1" Figures="M45,0 C45,-20.986821 34.926406,-38 22.499998,-38 C10.073593,-38 0,-20.986821 0,0"/>
<PathGeometry x:Key="Geometry2" Figures="M90,0 C90,-20.986821 79.926406,-38 67.499998,-38 C55.073593,-38 45,-20.986821 45,0"/>
<PathGeometry x:Key="Geometry3" Figures="M135,0 C135,-20.986821 124.92641,-38 112.5,-38 C100.07359,-38 90,-20.986821 90,0"/>
<PathGeometry x:Key="Geometry4" Figures="M180,0 C180,-20.986821 169.92641,-38 157.5,-38 C145.07359,-38 135,-20.986821 135,0"/>
<Storyboard x:Key="Storyboard1" AutoReverse="True" RepeatBehavior="Forever">
<!--0-->
<DoubleAnimation Duration="0:0:2" Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[3].(TranslateTransform.X)" Storyboard.TargetName="Border0" To="180"/>
<ColorAnimation Duration="0:0:2" Storyboard.TargetProperty="(Panel.Background).(SolidColorBrush.Color)" Storyboard.TargetName="Border0" To="#24d3fb"/>
<!--1-->
<DoubleAnimation BeginTime="0:0:0.0" Duration="0:0:0.05" Storyboard.TargetProperty="Height" Storyboard.TargetName="Border1" To="20"/>
<DoubleAnimation BeginTime="0:0:0.0" Duration="0:0:0.05" Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[3].(TranslateTransform.Y)" Storyboard.TargetName="Border1" To="10"/>
<DoubleAnimation BeginTime="0:0:0.05" Duration="0:0:0.05" Storyboard.TargetProperty="Height" Storyboard.TargetName="Border1" To="30"/>
<DoubleAnimation BeginTime="0:0:0.05" Duration="0:0:0.05" Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[3].(TranslateTransform.Y)" Storyboard.TargetName="Border1" To="0"/>
<DoubleAnimationUsingPath BeginTime="0:0:0.1" Duration="0:0:0.3" Source="X" Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[3].(TranslateTransform.X)" Storyboard.TargetName="Border1" PathGeometry="{StaticResource Geometry1}"/>
<DoubleAnimationUsingPath BeginTime="0:0:0.1" Duration="0:0:0.3" Source="Y" Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[3].(TranslateTransform.Y)" Storyboard.TargetName="Border1" PathGeometry="{StaticResource Geometry1}"/>
<DoubleAnimation BeginTime="0:0:0.1" Duration="0:0:0.3" Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[2].(RotateTransform.Angle)" Storyboard.TargetName="Border1" To="-180"/>
<DoubleAnimation BeginTime="0:0:0.4" Duration="0:0:0.05" Storyboard.TargetProperty="Height" Storyboard.TargetName="Border1" To="20"/>
<DoubleAnimation BeginTime="0:0:0.4" Duration="0:0:0.05" Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[3].(TranslateTransform.Y)" Storyboard.TargetName="Border1" To="10"/>
<DoubleAnimation BeginTime="0:0:0.45" Duration="0:0:0.05" Storyboard.TargetProperty="Height" Storyboard.TargetName="Border1" To="30"/>
<DoubleAnimation BeginTime="0:0:0.45" Duration="0:0:0.05" Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[3].(TranslateTransform.Y)" Storyboard.TargetName="Border1" To="0"/>
<ColorAnimation BeginTime="0:0:0.1" Duration="0:0:0.3" Storyboard.TargetProperty="(Panel.Background).(SolidColorBrush.Color)" Storyboard.TargetName="Border1" To="#1995ff"/>
<!--2-->
<DoubleAnimation BeginTime="0:0:0.5" Duration="0:0:0.05" Storyboard.TargetProperty="Height" Storyboard.TargetName="Border2" To="20"/>
<DoubleAnimation BeginTime="0:0:0.5" Duration="0:0:0.05" Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[3].(TranslateTransform.Y)" Storyboard.TargetName="Border2" To="10"/>
<DoubleAnimation BeginTime="0:0:0.55" Duration="0:0:0.05" Storyboard.TargetProperty="Height" Storyboard.TargetName="Border2" To="30"/>
<DoubleAnimation BeginTime="0:0:0.55" Duration="0:0:0.05" Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[3].(TranslateTransform.Y)" Storyboard.TargetName="Border2" To="0"/>
<DoubleAnimationUsingPath BeginTime="0:0:0.6" Duration="0:0:0.3" Source="X" Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[3].(TranslateTransform.X)" Storyboard.TargetName="Border2" PathGeometry="{StaticResource Geometry2}"/>
<DoubleAnimationUsingPath BeginTime="0:0:0.6" Duration="0:0:0.3" Source="Y" Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[3].(TranslateTransform.Y)" Storyboard.TargetName="Border2" PathGeometry="{StaticResource Geometry2}"/>
<DoubleAnimation BeginTime="0:0:0.6" Duration="0:0:0.3" Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[2].(RotateTransform.Angle)" Storyboard.TargetName="Border2" To="-180"/>
<DoubleAnimation BeginTime="0:0:0.9" Duration="0:0:0.05" Storyboard.TargetProperty="Height" Storyboard.TargetName="Border2" To="20"/>
<DoubleAnimation BeginTime="0:0:0.9" Duration="0:0:0.05" Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[3].(TranslateTransform.Y)" Storyboard.TargetName="Border2" To="10"/>
<DoubleAnimation BeginTime="0:0:0.95" Duration="0:0:0.05" Storyboard.TargetProperty="Height" Storyboard.TargetName="Border2" To="30"/>
<DoubleAnimation BeginTime="0:0:0.95" Duration="0:0:0.05" Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[3].(TranslateTransform.Y)" Storyboard.TargetName="Border2" To="0"/>
<ColorAnimation BeginTime="0:0:0.6" Duration="0:0:0.3" Storyboard.TargetProperty="(Panel.Background).(SolidColorBrush.Color)" Storyboard.TargetName="Border2" To="#1b9dff"/>
<!--3-->
<DoubleAnimation BeginTime="0:0:1.0" Duration="0:0:0.05" Storyboard.TargetProperty="Height" Storyboard.TargetName="Border3" To="20"/>
<DoubleAnimation BeginTime="0:0:1.0" Duration="0:0:0.05" Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[3].(TranslateTransform.Y)" Storyboard.TargetName="Border3" To="10"/>
<DoubleAnimation BeginTime="0:0:1.05" Duration="0:0:0.05" Storyboard.TargetProperty="Height" Storyboard.TargetName="Border3" To="30"/>
<DoubleAnimation BeginTime="0:0:1.05" Duration="0:0:0.05" Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[3].(TranslateTransform.Y)" Storyboard.TargetName="Border3" To="0"/>
<DoubleAnimationUsingPath BeginTime="0:0:1.1" Duration="0:0:0.3" Source="X" Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[3].(TranslateTransform.X)" Storyboard.TargetName="Border3" PathGeometry="{StaticResource Geometry3}"/>
<DoubleAnimationUsingPath BeginTime="0:0:1.1" Duration="0:0:0.3" Source="Y" Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[3].(TranslateTransform.Y)" Storyboard.TargetName="Border3" PathGeometry="{StaticResource Geometry3}"/>
<DoubleAnimation BeginTime="0:0:1.1" Duration="0:0:0.3" Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[2].(RotateTransform.Angle)" Storyboard.TargetName="Border3" To="-180"/>
<DoubleAnimation BeginTime="0:0:1.4" Duration="0:0:0.05" Storyboard.TargetProperty="Height" Storyboard.TargetName="Border3" To="20"/>
<DoubleAnimation BeginTime="0:0:1.4" Duration="0:0:0.05" Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[3].(TranslateTransform.Y)" Storyboard.TargetName="Border3" To="10"/>
<DoubleAnimation BeginTime="0:0:1.45" Duration="0:0:0.05" Storyboard.TargetProperty="Height" Storyboard.TargetName="Border3" To="30"/>
<DoubleAnimation BeginTime="0:0:1.45" Duration="0:0:0.05" Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[3].(TranslateTransform.Y)" Storyboard.TargetName="Border3" To="0"/>
<ColorAnimation BeginTime="0:0:1.1" Duration="0:0:0.3" Storyboard.TargetProperty="(Panel.Background).(SolidColorBrush.Color)" Storyboard.TargetName="Border3" To="#20b6fd"/>
<!--4-->
<DoubleAnimation BeginTime="0:0:1.5" Duration="0:0:0.05" Storyboard.TargetProperty="Height" Storyboard.TargetName="Border4" To="20"/>
<DoubleAnimation BeginTime="0:0:1.5" Duration="0:0:0.05" Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[3].(TranslateTransform.Y)" Storyboard.TargetName="Border4" To="10"/>
<DoubleAnimation BeginTime="0:0:1.55" Duration="0:0:0.05" Storyboard.TargetProperty="Height" Storyboard.TargetName="Border4" To="30"/>
<DoubleAnimation BeginTime="0:0:1.55" Duration="0:0:0.05" Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[3].(TranslateTransform.Y)" Storyboard.TargetName="Border4" To="0"/>
<DoubleAnimationUsingPath BeginTime="0:0:1.6" Duration="0:0:0.3" Source="X" Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[3].(TranslateTransform.X)" Storyboard.TargetName="Border4" PathGeometry="{StaticResource Geometry4}"/>
<DoubleAnimationUsingPath BeginTime="0:0:1.6" Duration="0:0:0.3" Source="Y" Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[3].(TranslateTransform.Y)" Storyboard.TargetName="Border4" PathGeometry="{StaticResource Geometry4}"/>
<DoubleAnimation BeginTime="0:0:1.6" Duration="0:0:0.3" Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[2].(RotateTransform.Angle)" Storyboard.TargetName="Border4" To="-180"/>
<DoubleAnimation BeginTime="0:0:1.9" Duration="0:0:0.05" Storyboard.TargetProperty="Height" Storyboard.TargetName="Border4" To="20"/>
<DoubleAnimation BeginTime="0:0:1.9" Duration="0:0:0.05" Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[3].(TranslateTransform.Y)" Storyboard.TargetName="Border4" To="10"/>
<DoubleAnimation BeginTime="0:0:1.95" Duration="0:0:0.05" Storyboard.TargetProperty="Height" Storyboard.TargetName="Border4" To="30"/>
<DoubleAnimation BeginTime="0:0:1.95" Duration="0:0:0.05" Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[3].(TranslateTransform.Y)" Storyboard.TargetName="Border4" To="0"/>
<ColorAnimation BeginTime="0:0:1.6" Duration="0:0:0.3" Storyboard.TargetProperty="(Panel.Background).(SolidColorBrush.Color)" Storyboard.TargetName="Border4" To="#23c5fb"/>
</Storyboard>
</Window.Resources>
<Window.Triggers>
<EventTrigger RoutedEvent="FrameworkElement.Loaded">
<BeginStoryboard Storyboard="{StaticResource Storyboard1}"/>
</EventTrigger>
</Window.Triggers>
<Canvas Margin="100">
<Canvas.Effect>
<DropShadowEffect ShadowDepth="0" BlurRadius="15" Opacity="0.2"/>
</Canvas.Effect>
<Border x:Name="Border0" Width="30" Height="30" Background="#1995ff" CornerRadius="4" RenderTransformOrigin="0.5,0.5">
<Border.RenderTransform>
<TransformGroup>
<ScaleTransform/>
<SkewTransform/>
<RotateTransform/>
<TranslateTransform X="0"/>
</TransformGroup>
</Border.RenderTransform>
</Border>
<Border x:Name="Border1" Width="30" Height="30" Background="#1b9dff" CornerRadius="4" RenderTransformOrigin="0.5,0.5">
<Border.RenderTransform>
<TransformGroup>
<ScaleTransform/>
<SkewTransform/>
<RotateTransform/>
<TranslateTransform X="45"/>
</TransformGroup>
</Border.RenderTransform>
</Border>
<Border x:Name="Border2" Width="30" Height="30" Background="#20b6fd" CornerRadius="4" RenderTransformOrigin="0.5,0.5">
<Border.RenderTransform>
<TransformGroup>
<ScaleTransform/>
<SkewTransform/>
<RotateTransform/>
<TranslateTransform X="90"/>
</TransformGroup>
</Border.RenderTransform>
</Border>
<Border x:Name="Border3" Width="30" Height="30" Background="#23c5fb" CornerRadius="4" RenderTransformOrigin="0.5,0.5">
<Border.RenderTransform>
<TransformGroup>
<ScaleTransform/>
<SkewTransform/>
<RotateTransform/>
<TranslateTransform X="135"/>
</TransformGroup>
</Border.RenderTransform>
</Border>
<Border x:Name="Border4" Width="30" Height="30" Background="#24d3fb" CornerRadius="4" RenderTransformOrigin="0.5,0.5">
<Border.RenderTransform>
<TransformGroup>
<ScaleTransform/>
<SkewTransform/>
<RotateTransform/>
<TranslateTransform X="180"/>
</TransformGroup>
</Border.RenderTransform>
</Border>
</Canvas>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment