这是我尝试过的css:
.button {
-fx-background-radius: 4;
-fx-effect: dropshadow(gaussian, rgba(0, 0, 0, 0.7), 10, 0, 0, 1);
-fx-background-insets: 0, 1;
-fx-padding: 5 20 5 20;
}
<div class="button">Nouvea</div>
这就是我想要的效果:
发布于 2018-09-18 07:55:54
试试这个css:
#shinyButton{
-fx-background-color:
#ECECEC,
linear-gradient(#ECECEC 50%, #D5D5D5 100%),
radial-gradient(center 50% -40%, radius 200%, #ECECEC 45%, #D5D5D5 50%);
-fx-background-radius: 10;
-fx-background-insets: 0,1,1;
-fx-text-fill: black;
-fx-effect: dropshadow( three-pass-box , rgba(0,0,0,0.6) , 3, 0.0 , 0 , 1 );
}
有关更多信息,请查看评论中@Sedrick给你的链接。
https://stackoverflow.com/questions/52376392
复制相似问题