JavaFx中css旋转动画

可以使用JavaFx中的CSS样式来实现旋转动画。首先，需要定义一个CSS样式，如下所示：

.rotate {
    -fx-rotate: 0;
    -fx-transition: transform 1s;
}

接着，在JavaFx代码中，将该CSS样式应用到需要进行旋转动画的节点上，如下所示：

Node node = // 获取需要旋转的节点
node.getStyleClass().add("rotate");

最后，在JavaFx代码中，通过修改节点的CSS样式中的旋转角度来实现动画。例如，将节点旋转90度，可以使用以下代码：

node.setStyle("-fx-rotate: 90;");

为了实现动画效果，可以使用JavaFx的Transition类，将节点的旋转角度从0度变化到90度。例如，以下代码将节点从0度旋转到90度，需要1秒钟的时间：

RotateTransition rt = new RotateTransition(Duration.seconds(1), node);
rt.setToAngle(90);
rt.play();

这样就可以实现一个简单的旋转动画了。需要注意的是，如果需要反复播放旋转动画，可以设置动画的循环次数，例如：

rt.setCycleCount(Animation.INDEFINITE);