文章目录
Bricks元素的悬停样式是通过伪类实现的,他可以通过切换或添加伪类来实现不同状态下的元素样式。
操作也非常简单,我们以最常用的按钮元素为例:
在页面中添加一个按钮元素,并设置好默认状态下的按钮样式。
在选中按钮元素的情况下,点击伪类按钮。
点击之后在伪类框中选择【:hover】伪类(注意这里默认可选的一般3个,你可以根据自己的需求添加伪类并使用)。
选中hover伪类之后的状态如下图。
在此状态下切换到按钮的Style修改和设置的样式都是鼠标悬停之后的样式。
1)设置鼠标悬停之后,按钮背景为黑色,文字为白色
2)设置鼠标悬停之后,按钮向上浮动效果
设置浮动的速度为0.5s
最终效果如下:
温馨提示:本站视频来自YouTube无法访问YouTube则无法观看本站的视频。