On Wed, 9 Aug 2023 18:41:32 GMT, Michael Strauß <mstra...@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

Reply via email to