javafx中美观美化界面炫技的css代码

以下是一些常用的JavaFX CSS代码，可以用来美化界面和实现炫酷效果：

1. 设置背景颜色和圆角：

.root {
    -fx-background-color: #f7f7f7;
    -fx-background-radius: 10px;
}

2. 设置按钮的样式和动画：

.button {
    -fx-background-color: #4CAF50;
    -fx-text-fill: white;
    -fx-font-size: 16px;
    -fx-padding: 10px 20px;
    -fx-background-radius: 30px;
    -fx-border-radius: 30px;
    -fx-effect: dropshadow(gaussian, rgba(0, 0, 0, 0.4), 10, 0, 0, 1);
    -fx-cursor: hand;
}

.button:hover {
    -fx-background-color: #388E3C;
}

.button:pressed {
    -fx-background-color: #2E7D32;
    -fx-effect: dropshadow(gaussian, rgba(0, 0, 0, 0.8), 10, 0, 0, 1);
}

3. 设置输入框的样式和动画：

.text-field {
    -fx-background-color: #f7f7f7;
    -fx-border-color: #ccc;
    -fx-border-width: 1px;
    -fx-border-radius: 30px;
    -fx-padding: 10px 20px;
    -fx-font-size: 16px;
    -fx-cursor: text;
}

.text-field:focused {
    -fx-background-color: white;
    -fx-border-color: #4CAF50;
    -fx-effect: dropshadow(gaussian, rgba(0, 0, 0, 0.3), 10, 0, 0, 1);
}

4. 设置标签的样式和动画：

.label {
    -fx-font-size: 16px;
    -fx-text-fill: #555;
    -fx-effect: dropshadow(gaussian, rgba(0, 0, 0, 0.2), 5, 0, 0, 1);
}

5. 设置滚动面板的样式和动画：

.scroll-pane {
    -fx-background-color: transparent;
    -fx-background: white;
    -fx-border-color: #ccc;
    -fx-border-width: 1px;
    -fx-border-radius: 10px;
    -fx-effect: dropshadow(gaussian, rgba(0, 0, 0, 0.2), 5, 0, 0, 1);
}

.scroll-pane .viewport {
    -fx-background-color: transparent;
}

.scroll-pane .content {
    -fx-background-color: transparent;
}

希望这些JavaFX CSS代码能够帮助你实现更美观的界面和更炫酷的效果。