- Qt 6.11
- Qt Quick
- QML Types
- ColorAnimation
- Qt 6.11.1 Reference Documentation

# ColorAnimation QML Type

Animates changes in color values. More...

Import Statement: | `import QtQuick`
Inherits: | PropertyAnimation

- List of all members, including inherited members

## Properties

- from : color
- to : color

## Detailed Description

ColorAnimation is a specialized PropertyAnimation that defines an animation to be applied when a color value changes.

Here is a ColorAnimation applied to the `color` property of a Rectangle as a property value source. It animates the `color` property's value from its current value to a value of "red", over 1000 milliseconds:

     import QtQuick

     Rectangle {
         width: 100; height: 100
         color: "red"

         ColorAnimation on color { to: "yellow"; duration: 1000 }
     }

Like any other animation type, a ColorAnimation can be applied in a number of ways, including transitions, behaviors and property value sources. The Animation and Transitions in Qt Quick documentation shows a variety of methods for creating animations.

For convenience, when a ColorAnimation is used in a Transition, it will animate any `color` properties that have been modified during the state change. If a property or properties are explicitly set for the animation, then those are used instead.

See also Animation and Transitions in Qt Quick and Qt Quick Examples - Animation.

## Property Documentation

### from : color

This property holds the color value at which the animation should begin.

For example, the following animation is not applied until a color value has reached "#c0c0c0":

     Item {
         states: [
             // States are defined here...
         ]

         transitions: Transition {
             ColorAnimation { from: "#c0c0c0"; duration: 2000 }
         }
     }

If the ColorAnimation is defined within a Transition or Behavior, this value defaults to the value defined in the starting state of the Transition, or the current value of the property at the moment the Behavior is triggered.

See also Animation and Transitions in Qt Quick.

### to : color

This property holds the color value at which the animation should end.

If the ColorAnimation is defined within a Transition or Behavior, this value defaults to the value defined in the end state of the Transition, or the value of the property change that triggered the Behavior.

See also Animation and Transitions in Qt Quick.