首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >如何在JavaFX的一个按钮上使用CSS (见下图)做一个“闪亮”的效果?

如何在JavaFX的一个按钮上使用CSS (见下图)做一个“闪亮”的效果?
EN

Stack Overflow用户
提问于 2018-09-18 06:18:28
回答 1查看 247关注 0票数 6

这是我尝试过的css:

代码语言:javascript
复制
.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;
}
代码语言:javascript
复制
<div class="button">Nouvea</div>

这就是我想要的效果:

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2018-09-18 07:55:54

试试这个css:

代码语言:javascript
复制
#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给你的链接。

票数 3
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/52376392

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档