<html><head></head><body><div style="font-family: Verdana;font-size: 12.0px;"><div>I really like this idea and how easy it is to add a transition to an existing css property.<br/>
In my opinion, this is a good step forward that makes creating beautiful and modern GUIs even easier.</div>
<div> </div>
<div>-- Marius</div>
<div>
<div>
<div name="quote" style="margin:10px 5px 5px 10px; padding: 10px 0 10px 10px; border-left:2px solid #C3D9E5; word-wrap: break-word; -webkit-nbsp-mode: space; -webkit-line-break: after-white-space;">
<div style="margin:0 0 10px 0;"><b>Gesendet:</b> Dienstag, 16. August 2022 um 05:09 Uhr<br/>
<b>Von:</b> "Michael Strauß" <michaelstrau2@gmail.com><br/>
<b>An:</b> "openjfx-dev" <openjfx-dev@openjdk.org><br/>
<b>Betreff:</b> CSS Transitions</div>
<div name="quoted-content">JavaFX supports animations using the tools in the `javafx.animation`<br/>
package, but it lacks an easy way of defining animations in<br/>
stylesheets. This feature has often been requested, but is still<br/>
missing [0] [1] [2].<br/>
<br/>
While there are several ways to tackle this problem (an alternative<br/>
notation is presented in [2]), I think the best approach is to<br/>
implement CSS Transitions [3] for JavaFX. CSS Transitions is an<br/>
established and stable specification, and it is ubiquitous all over<br/>
the web.<br/>
<br/>
I've prepared a PR that illustrates how that feature can look like in JavaFX:<br/>
<a href="https://github.com/openjdk/jfx/pull/870" target="_blank">https://github.com/openjdk/jfx/pull/870</a><br/>
<br/>
With this PR, JavaFX would support animated transitions for all<br/>
numeric and `Interpolatable` styleable properties.<br/>
<br/>
However, in order to support transitions for CSS sub-properties like<br/>
`-fx-background-color`, several background-related types must be made<br/>
interpolatable as well (the same is true for border-related types).<br/>
<br/>
If this proposal goes forward, I plan to deliver the feature in two<br/>
installments:<br/>
1. CSS Transitions (the above PR)<br/>
2. Interpolation support for `Background`, `BackgroundFill`,<br/>
`CornerRadii`, `Insets`, `Border`, `BorderWidths` and `Margins`<br/>
<br/>
I'm looking foward for comments and feedback.<br/>
<br/>
<br/>
[0] <a href="https://bugs.openjdk.org/browse/JDK-8283676" target="_blank">https://bugs.openjdk.org/browse/JDK-8283676</a><br/>
[1] <a href="https://bugs.openjdk.org/browse/JDK-8092084" target="_blank">https://bugs.openjdk.org/browse/JDK-8092084</a><br/>
[2] <a href="https://bugs.openjdk.org/browse/JDK-8090892" target="_blank">https://bugs.openjdk.org/browse/JDK-8090892</a><br/>
[3] <a href="https://www.w3.org/TR/css-transitions-1/" target="_blank">https://www.w3.org/TR/css-transitions-1/</a></div>
</div>
</div>
</div></div></body></html>