<?xml version="1.0" encoding="UTF-8"?><rss xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:atom="http://www.w3.org/2005/Atom" version="2.0"><channel><title><![CDATA[Animation tekst color]]></title><description><![CDATA[<p dir="auto">Is it possible to configure QML to automatically change the font size, for example, from 0 to 24 (emerging effect)? Is it also possible to automatically change the color, for example, from green to red within 3 seconds?</p>
]]></description><link>https://forum.qt.io/topic/164327/animation-tekst-color</link><generator>RSS for Node</generator><lastBuildDate>Mon, 11 May 2026 09:44:32 GMT</lastBuildDate><atom:link href="https://forum.qt.io/topic/164327.rss" rel="self" type="application/rss+xml"/><pubDate>Wed, 25 Feb 2026 21:15:26 GMT</pubDate><ttl>60</ttl><item><title><![CDATA[Reply to Animation tekst color on Thu, 26 Feb 2026 13:43:31 GMT]]></title><description><![CDATA[<p dir="auto">Hi <a class="plugin-mentions-user plugin-mentions-a" href="/user/darq">@<bdi>Darq</bdi></a></p>
<p dir="auto">Have you not looked at/for any of the QML documentation online?, there's plenty to look at, but sometimes, you will not always find directly what you want.</p>
<p dir="auto">I have linked ScaleAnimator QML docs page, it gives a Rectangle and a nested ScaleAnimator, swap out Rectangle for Text and get busy playing/experimenting, then you can add a ColorAnimation on the same block of code, so now you can scale text and change its color.</p>
<p dir="auto">Please, for yourself, do always look for documentation as most of it gives ready to paste examples to play with.</p>
<p dir="auto">ScaleAnimator QML ~ <a href="https://doc.qt.io/qt-6/qml-qtquick-scaleanimator.html" target="_blank" rel="noopener noreferrer nofollow ugc">https://doc.qt.io/qt-6/qml-qtquick-scaleanimator.html</a></p>
<p dir="auto">ColorAnimation QML ~ <a href="https://doc.qt.io/qt-6/qml-qtquick-coloranimation.html" target="_blank" rel="noopener noreferrer nofollow ugc">https://doc.qt.io/qt-6/qml-qtquick-coloranimation.html</a></p>
<p dir="auto">I'll even throw in a quick code chunk you can play with, but documentation is the way to go, mostly.</p>
<pre><code>Text {
        id: scalingText
        text: "READ DOCS!"
        color: "green"
        anchors.centerIn: parent
        SequentialAnimation on scale {
            loops: Animation.Infinite
            running: true
            ScaleAnimator {
                from: 2
                to: 6
                duration: 1000
                easing.type: Easing.InOutQuad
            }
            ScaleAnimator {
                from: 6
                to: 2
                duration: 1000
                easing.type: Easing.InOutQuad
            }
        }
        SequentialAnimation on color {
            loops: Animation.Infinite
            running: true
            ColorAnimation {
                to: "red"
                duration: 4000
            }
            ColorAnimation {
                to: "green"
                duration: 4000
            }
        }
    }
</code></pre>
<p dir="auto">Good luck, it's easy when you know how!</p>
]]></description><link>https://forum.qt.io/post/836607</link><guid isPermaLink="true">https://forum.qt.io/post/836607</guid><dc:creator><![CDATA[Markkyboy]]></dc:creator><pubDate>Thu, 26 Feb 2026 13:43:31 GMT</pubDate></item><item><title><![CDATA[Reply to Animation tekst color on Thu, 26 Feb 2026 03:32:09 GMT]]></title><description><![CDATA[<p dir="auto"><a class="plugin-mentions-user plugin-mentions-a" href="/user/grecko">@<bdi>GrecKo</bdi></a> How do you animate scale? Can you give me an example?</p>
]]></description><link>https://forum.qt.io/post/836596</link><guid isPermaLink="true">https://forum.qt.io/post/836596</guid><dc:creator><![CDATA[Darq]]></dc:creator><pubDate>Thu, 26 Feb 2026 03:32:09 GMT</pubDate></item><item><title><![CDATA[Reply to Animation tekst color on Wed, 25 Feb 2026 23:35:43 GMT]]></title><description><![CDATA[<p dir="auto">You can animate the font.pixelSize but it will be smoother to set a fixed pixelSize and animate the scale.</p>
<p dir="auto">There's ColorAnimation to animate colors.</p>
]]></description><link>https://forum.qt.io/post/836592</link><guid isPermaLink="true">https://forum.qt.io/post/836592</guid><dc:creator><![CDATA[GrecKo]]></dc:creator><pubDate>Wed, 25 Feb 2026 23:35:43 GMT</pubDate></item><item><title><![CDATA[Reply to Animation tekst color on Wed, 25 Feb 2026 22:25:34 GMT]]></title><description><![CDATA[<p dir="auto"><a class="plugin-mentions-user plugin-mentions-a" href="/user/sgaist">@<bdi>SGaist</bdi></a> I didn't find anything related to the text in the animations.</p>
]]></description><link>https://forum.qt.io/post/836588</link><guid isPermaLink="true">https://forum.qt.io/post/836588</guid><dc:creator><![CDATA[Darq]]></dc:creator><pubDate>Wed, 25 Feb 2026 22:25:34 GMT</pubDate></item><item><title><![CDATA[Reply to Animation tekst color on Wed, 25 Feb 2026 21:20:25 GMT]]></title><description><![CDATA[<p dir="auto">Hi,</p>
<p dir="auto">Although I haven't used these, I think you should check the <a href="https://doc.qt.io/qt-6/qtquick-animation-example.html" target="_blank" rel="noopener noreferrer nofollow ugc">QtQuick Animation example</a> as a starting point.</p>
<p dir="auto">Hope it helps</p>
]]></description><link>https://forum.qt.io/post/836586</link><guid isPermaLink="true">https://forum.qt.io/post/836586</guid><dc:creator><![CDATA[SGaist]]></dc:creator><pubDate>Wed, 25 Feb 2026 21:20:25 GMT</pubDate></item></channel></rss>