Timeline with offset of 5 seconds : DoubleAnimation « Animations « Silverlight

1. Silverlight
2. Animations
3. DoubleAnimation

Timeline with offset of 5 seconds

    
<UserControl x:Class='SilverlightApplication3.MainPage'
    xmlns='http://schemas.microsoft.com/winfx/2006/xaml/presentation' 
    xmlns:x='http://schemas.microsoft.com/winfx/2006/xaml'
    xmlns:d='http://schemas.microsoft.com/expression/blend/2008' 
    xmlns:mc='http://schemas.openxmlformats.org/markup-compatibility/2006' 
    mc:Ignorable='d' 
    d:DesignWidth='640' 
    d:DesignHeight='480'>

    <Canvas x:Name="LayoutRoot" Background="White">
        <Canvas.Triggers>
            <EventTrigger RoutedEvent="Canvas.Loaded">
                <BeginStoryboard>
                    <Storyboard x:Name="myStoryboard">
                        <DoubleAnimation Storyboard.TargetName="myImage"
                            Storyboard.TargetProperty="Opacity" From="0" To="1"
                            BeginTime="00:00:5" Duration="0:0:1" />
                    </Storyboard>
                </BeginStoryboard>
            </EventTrigger>
        </Canvas.Triggers>
        <Image x:Name="myImage" Canvas.Top="100" Canvas.Left="100" Opacity="0" Source="http://server.com/man.png" />
    </Canvas>
</UserControl>

   
    
    
    
  

Related examples in the same category

1.	XAML demonstrating absence of From property within DoubleAnimation
2.	XAML demonstrating the To property within DoubleAnimation
3.	XAML demonstrating By property within a DoubleAnimation
4.	XAML demonstrating From property within DoubleAnimation
5.	Use DoubleAnimation to animate the Opacity
6.	Use DoubleByAnimation to control animation
7.	Moves a rectangle right 100 pixels and then left 50 pixels
8.	Animation with a fast speed