import QtQuick 2.1
import QtQuick.Layouts 1.0

Rectangle {
    id: root

    width: 400
    height: 300
    color: "white"

    property int pixelSize: 15
    property string text: "Hello world!"

    ColumnLayout {
        x: 10
        y: 10

        SequentialAnimation on x {
            loops: 0 // Animation.Infinite

            NumberAnimation {
                from: 10
                to: 100
                duration: 30000
            }
        }

        Text {
            text: root.text
            font.pixelSize: root.pixelSize

            color: "white"
            style: Text.Outline
            styleColor: "black"
            font.bold: true
        }

        Text {
            text: root.text
            font.pixelSize: root.pixelSize

            color: "white"
            style: Text.Outline
            styleColor: "black"
            font.bold: true
            scale: 2
            transformOrigin: Item.TopLeft
        }

        Text {
            text: root.text
            font.pixelSize: root.pixelSize

            color: "white"
            style: Text.Outline
            styleColor: "black"
            font.bold: true
            scale: 4
            transformOrigin: Item.TopLeft
        }
    }

    Text {
        x: 10
        y: 200

        text: root.text
        font.pixelSize: root.pixelSize * 4

        color: "white"
        style: Text.Outline
        styleColor: "black"
        font.bold: true
        transformOrigin: Item.TopLeft
    }

}