# Adding Animation to the C1Rating Control

## Content



Rating for WPF provides users a feature to add animation effects to the Rating control by using [AnimationType](/componentone/api/wpf/online-extended/dotnet-framework-api/C1.WPF.Extended.4.6.2/C1.WPF.Extended.C1Rating.AnimationType.html) property of the [C1Rating](/componentone/api/wpf/online-extended/dotnet-framework-api/C1.WPF.Extended.4.6.2/C1.WPF.Extended.C1Rating.html) class.

**At Design Time**

1.  In Design view, select the Rating control on the Main Window by clicking it once.
2.  Navigate to the Properties window and locate the [AnimationType](/componentone/api/wpf/online-extended/dotnet-framework-api/C1.WPF.Extended.4.6.2/C1.WPF.Extended.C1Rating.AnimationType.html) property.
3.  Click the drop-down arrow and select the animation effect you want to apply to the Rating control. By default, the [AnimationType](/componentone/api/wpf/online-extended/dotnet-framework-api/C1.WPF.Extended.4.6.2/C1.WPF.Extended.C1Rating.AnimationType.html) property is set to **None**. For this example, select **Bounce** to apply a bouncing effect to the control.
    
    ![Property Window for C1Rating](https://cdn.mescius.io/document-site-files/images/babf1807-69aa-4d8a-96b6-d6c6d9325368/images/image010.png)
    
4.  Press **F5** to run the program. Click the stars to see the bouncing animation effect.

### **In Code**

You can add animation effect to the Rating control by adding the following markup between the <c1:C1Rating> tags.

```xml
<c1:C1Rating x:Name="Rating1" HorizontalAlignment="Left" VerticalAlignment="Top" AnimationType="Bounce"/>
```

## See Also

[Changing Direction and Orientation of the C1Rating Control](/componentone/docs/wpf/online-extended/Rating/Features/ChangingOrientationandDirection)

[Customizing the C1Rating Icons](/componentone/docs/wpf/online-extended/Rating/Features/CustomizingRatingIcons)