制作网站的基本流程,都兰县公司网站建设,做网站大概要花多少钱,快速刷排名的软件最好前言
最近写小demo中无意发现的#xff0c;是想实现当鼠标悬停到按钮上面的时候#xff0c;按钮实现动态变化#xff0c;让人知道鼠标经过了按钮#xff0c;效果如下 hoverDynamicPushButton 正文
首先是将按钮的边框给去掉#xff0c;然后设置下它的悬停伪状态就行了 格…前言
最近写小demo中无意发现的是想实现当鼠标悬停到按钮上面的时候按钮实现动态变化让人知道鼠标经过了按钮效果如下 hoverDynamicPushButton 正文
首先是将按钮的边框给去掉然后设置下它的悬停伪状态就行了 格式如下
*{ border:none;
}
QPushButton:hover{border: border-width border-style border-color;
}这里针对border的三个值我们要注意下
border-width
就是边缘的宽度这个值设置的越大最后你鼠标悬停在按钮上时按钮就缩小的越厉害这里我就不演示了自己测试下吧。
border-style
这个是必须设置的就是边缘线条的样式比如none无边框、solid实线、dotted点状线、dashed虚线、double双线等。这里设置非none就好。
border-color
最后这个也是最重要的因为如果你颜色设置的不对悬停时会有边缘线比如我设置样式表为
最后悬停的效果为 那么如何解决呢 这里我发现如果我们用颜色选择器找到按钮周围的颜色将边缘颜色设置成和周围颜色一样这样不就行了 说干就干 最后的效果可以看到中间的播放确实小了你可以和上面的对比下。
小结
加油
