[Java] button, textField CSS (Hangman4)

 

Hangman project 의

Button 과 text-field 디자인을 CSS로 바꾸어보았다.

 

 

 

https://getcssscan.com/css-buttons-examples

CSS Scan - The fastest and easiest way to check, copy and edit CSS

위 사이트는 여러가지 CSS 버튼 스타일을 제공하고 있다.

 

 

 

#wordMeaningArea .scroll-pane {
    -fx-hbar-policy: never;
    -fx-padding:0  
}

.button{
  -fx-background-color: #FFFFFF;
  -fx-text-fill: #111827;
  -fx-font-weight: 600;
  -fx-cursor: pointer;
  -fx-effect: dropshadow( gaussian , rgba(0,0,0,0.75) , 4,0,0,1 );
}

.button:hover {
  -fx-background-color: rgb(249,250,251);
}

.text-field {
    -fx-background-color: #a9a9a9 , white , white;
    -fx-background-insets: 0 -1 -1 -1, 0 0 0 0, 0 -1 3 -1;
}

.text-field:focused {
    -fx-background-color: #a9a9a9 , white , white;
    -fx-background-insets: 0 -1 -1 -1, 0 0 0 0, 0 -1 3 -1;
}

 

위 사이트에서 가져온 코드 앞에 -fx- 를 붙여준 다음 사용하였다.