Animation not smoothly with Qt Quick 2.2

import QtQuick 2.2
 
Rectangle {
    color: "white"
    width: 320
    height: 480
    Grid {
        x: 10
        y: 10
        columnSpacing: 10
        rowSpacing: 10
        columns: 3
        Repeater {
            model: 12
            Rectangle {
                id: rect
                width: 90
                height: 90
                color: "dodgerblue"
                smooth: true
                antialiasing: true
                Text {
                    text: qsTr("Icon")
                    anchors.centerIn: parent
                }
                SequentialAnimation on rotation {
                    id: rotate
                    NumberAnimation { to:  2; duration: 60 }
                    NumberAnimation { to: -2; duration: 120 }
                    NumberAnimation { to:  0; duration: 60 }
                    loops: Animation.Infinite
                    alwaysRunToEnd: true
                    running: false
                }
                Component.onCompleted: rotate.start();
            }
        }
    }
}