RFR: 8311895: CSS Transitions [v7]
Michael Strauß
mstrauss at openjdk.org
Wed Sep 6 19:28:51 UTC 2023
On Wed, 9 Aug 2023 18:41:32 GMT, Michael Strauß <mstrauss at openjdk.org> wrote:
>> Implementation of [CSS Transitions](https://gist.github.com/mstr2/c72f8c9faa87de14926978f517a6018a).
>>
>> ### Example
>>
>> .button {
>> -fx-background-color: dodgerblue;
>> }
>>
>> .button:hover {
>> -fx-background-color: red;
>> -fx-scale-x: 1.1;
>> -fx-scale-y: 1.1;
>>
>> transition: -fx-background-color 0.5s ease,
>> -fx-scale-x 0.5s ease,
>> -fx-scale-y 0.5s ease;
>> }
>>
>> <img src="https://user-images.githubusercontent.com/43553916/184781143-0520fbfe-54bf-4b8d-93ac-834708e46500.gif" width="200"/>
>>
>> ### Limitations
>> This implementation supports both shorthand and longhand notations for the `transition` property. However, due to limitations of JavaFX CSS, mixing both notations doesn't work:
>>
>> .button {
>> transition: -fx-background-color 1s;
>> transition-easing-function: linear;
>> }
>>
>> This issue should be addressed in a follow-up enhancement.
>
> Michael Strauß has updated the pull request incrementally with one additional commit since the last revision:
>
> Added documentation
Let’s keep this open.
-------------
PR Comment: https://git.openjdk.org/jfx/pull/870#issuecomment-1708963197
More information about the openjfx-dev
mailing list