文章目录
文章目录

Bricks元素的悬停样式是通过伪类实现的,他可以通过切换或添加伪类来实现不同状态下的元素样式。

操作也非常简单,我们以最常用的按钮元素为例:

在页面中添加一个按钮元素,并设置好默认状态下的按钮样式。

在选中按钮元素的情况下,点击伪类按钮。

点击之后在伪类框中选择【:hover】伪类(注意这里默认可选的一般3个,你可以根据自己的需求添加伪类并使用)。

选中hover伪类之后的状态如下图。

在此状态下切换到按钮的Style修改和设置的样式都是鼠标悬停之后的样式。

1)设置鼠标悬停之后,按钮背景为黑色,文字为白色

2)设置鼠标悬停之后,按钮向上浮动效果

设置浮动的速度为0.5s

最终效果如下:

温馨提示:本站视频来自YouTube无法访问YouTube则无法观看本站的视频。

分享: