转换时间和转换函数在 css 中不起作用-解网

问：

我正在 IntelliJ IDEA 2023.2（旗舰版）中使用 javafx 20.0.1 构建一个应用程序。这是我的css代码：

.menu_bar {
    -fx-background-color: #FFC7C7;
}

.menu_bar Button {
    -fx-background-color: transparent;
}

.menu_bar Button:hover {
    -fx-scale-x: 1.2;
    -fx-scale-y: 1.2;
    transform: rotate(30deg);
    transition: -fx-scale-x 8s, -fx-scale-y 8s, transform 0.8s;
}

第一个问题是没有应用过渡时间（“8s”），就像当我将鼠标悬停在按钮上时，它们会立即进行缩放过渡。第二个问题是“转换”，无论我使用什么函数进行转换，我总是得到这样的错误

Nov 12, 2023 10:27:33 PM javafx.css.CssParser declaration
WARNING: CSS Error parsing file:/C:/Users/ADMIN/IdeaProjects/ElearnApp_javafx_Group8/target/classes/Styles/MenuBar.css: Unexpected function 'rotate(' while parsing 'transform' at [13,15]

我该如何解决这个问题？

css javafx css-transitions css-transforms

转换时间和转换函数在 css 中不起作用

Transition time and transform's function do not work in css

评论