This is a simple JavaFX Login Form with a TRON like effect.
In this example I am using CSS to style the TextField and Button. Here is the snippet of the CSS and Effect code:

.text-field{
   -fx-background-color: transparent;
   -fx-border-color: #00CCFF;
   -fx-text-fill: white;
}

.password-field{
   -fx-background-color: transparent;
   -fx-border-color: #00CCFF;
   -fx-text-fill: white;
}

.button{
   -fx-background-color: transparent;
   -fx-border-color: white;
   -fx-background-radius: 30;
   -fx-border-radius: 30;
   -fx-text-fill: white;
   -fx-font-weight: bold;
   -fx-font-size: 14px;
   -fx-padding: 10 20 10 20;
}

DropShadow effect = new DropShadow();
        effect.setColor(color);
        effect.setBlurType(BlurType.GAUSSIAN);
        effect.setSpread(spread);
        effect.setRadius(radius);



About these ads