Merge pull request #600 from shenchauhan/documentation

Updating Animation Documentation

Author: deltakosh

docs/animations/Blur.md

@@ -14,8 +14,8 @@ You can either use the blur behavior from your XAML code:
     <interactivity:Interaction.Behaviors>
     <behaviors:Blur x:Name="BlurBehavior" 
            Value="10" 
-           Duration="10" 
-           Delay="0" 
+           Duration="500" 
+           Delay="250" 
            AutomaticallyStart="True"/>
     </interactivity:Interaction.Behaviors>
 
@@ -25,10 +25,20 @@ or directly from code:
 
 ```csharp
 
-ToolkitLogo.Blur(value: 10, duration: 10, delay: 0);       
+ToolkitLogo.Blur(value: 10, duration: 500, delay: 250);       
 
 ```
 
+## Properties
+
+| Property Name | Type | Description |
+| --- | --- | --- |
+| Value | double | The amount of Gaussian blur to apply to the pixel |
+| Duration | double | The number of milliseconds the animation should run for |
+| Delay | double | The number of milliseconds before the animation is started |
+
+## Chaining animations
+
 Behavior animations can also be chained and awaited.
 
 ```csharp

docs/animations/Fade.md

@@ -7,9 +7,9 @@ The **Fade animation behavior** fades objects, in and out, over time.
 ```xaml
 
     <behaviors:Fade x:Name="FadeBehavior>" 
-                Value="10.0" 
-                Duration="1.5" 
-                Delay="0.5" 
+                Value="0.5" 
+                Duration="1500" 
+                Delay="500" 
                 AutomaticallyStart="True">
     </behaviors:Fade>
 
@@ -23,6 +23,16 @@ or directly from code:
 
 ```
 
+## Properties
+
+| Property Name | Type | Description |
+| --- | --- | --- |
+| Value | float | The amount to fade an element. The value should be between 0.0 and l.0 |
+| Duration | double | The number of milliseconds the animation should run for |
+| Delay | double | The number of milliseconds before the animation is started |
+
+## Chaining animations
+
 Behavior animations can also be chained and awaited.
 
 ```csharp

docs/animations/Offset.md

@@ -9,8 +9,8 @@ The **Offset animation behavior** gets the number of pixels, from the origin of
 <behaviors:Offset x:Name="OffsetBehavior" 
 	OffsetX="25.0" 
 	OffsetY="25.0"
-	Duration="2.0" 
-	Delay="0.5" 
+	Duration="500" 
+	Delay="250" 
 	AutomaticallyStart="True"/>
 </behaviors:Offset>
 
@@ -28,6 +28,17 @@ MyRectangle.Offset(
 
 ```
 
+## Properties
+
+| Property Name | Type | Description |
+| --- | --- | --- |
+| OffsetX | float | The number of pixels to move along the x axis |
+| OffsetY | float | The number of pixels to move along the y axis |
+| Duration | double | The number of milliseconds the animation should run for |
+| Delay | double | The number of milliseconds before the animation is started |
+
+## Chaining animations
+
 Behavior animations can also be chained and awaited.
 
 ```csharp

docs/animations/Rotate.md

@@ -10,8 +10,8 @@ The **Rotate animation behavior** allows users to modify and animate the control
 				Value="180"
 				CenterX="0.0" 
 				CenterY="0.0" 
-				Duration="1.5" 
-				Delay="0.5" 
+				Duration="500" 
+				Delay="250" 
 				AutomaticallyStart="True"/>
   </behaviors:Rotate>
 
@@ -30,6 +30,18 @@ or directly from code:
 
 ```
 
+## Properties
+
+| Property Name | Type | Description |
+| --- | --- | --- |
+| Value | float | The rotation of the element in degrees |
+| CenterX | float | The pivot point on the x axis |
+| CenterY | float | The pivot point on the y axis |
+| Duration | double | The number of milliseconds the animation should run for |
+| Delay | double | The number of milliseconds before the animation is started |
+
+## Chaining animations
+
 Behavior animations can also be chained and awaited.
 
 ```csharp

docs/animations/Scale.md

@@ -12,8 +12,8 @@ The **Scale animation behavior** allows you to change a control's scale by incre
                      ScaleY="2.0"
                      CenterX="0.0"
                      CenterY="0.0" 
-                     Duration="1.0" 
-                     Delay="0.5" 
+                     Duration="1000" 
+                     Delay="500" 
                      AutomaticallyStart="True"/>
 </interactivity:Interaction.Behaviors>
 
@@ -33,6 +33,19 @@ MyRectangle.Scale(
 
 ```
 
+## Properties
+
+| Property Name | Type | Description |
+| --- | --- | --- |
+| ScaleX | float | The scale of the element along the x axis |
+| ScaleY | float | The scale of the element along the y axis |
+| CenterX | float | The pivot point on the x axis |
+| CenterY | float | The pivot point on the y axis |
+| Duration | double | The number of milliseconds the animation should run for |
+| Delay | double | The number of milliseconds before the animation is started |
+
+## Chaining animations
+
 Behaviors can also be chained and awaited.
 
 ```csharp