aboutsummaryrefslogtreecommitdiffstats
path: root/src/quick/doc/snippets/qml/transition-from-to-modified.qml
blob: 1ec9edd0a1b513a9fa7f610fc5dde449026100f7 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
// Copyright (C) 2017 The Qt Company Ltd.
// SPDX-License-Identifier: LicenseRef-Qt-Commercial OR BSD-3-Clause
import QtQuick

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

    MouseArea { id: mouseArea; anchors.fill: parent }

    states: State {
        name: "brighter"; when: mouseArea.pressed
        PropertyChanges { target: rect; color: "yellow" }
    }

    //! [modified transition]
    transitions: Transition {
        to: "brighter"
        ColorAnimation { duration: 1000 }
    }
    //! [modified transition]
}