将鼠标悬停样式/动画添加到图层,并设置图层的光标类型。
![[Slider Revolution 6] Add Mouse-Over Styles/Animations to your Layers and set the Cursor Type for the Layer. [Slider Revolution 6] Add Mouse-Over Styles/Animations to your Layers and set the Cursor Type for the Layer.](https://aladd.net//wp-content/uploads/2020/05/hover-settings-1.jpg)
内容
- 常规设置
- 悬停变换
- 字体,背景和边框样式
- 筛选器样式
- 相关话题
- 图层样式
- 图层动画
1.常规设置
1.光标图层
的默认CSS光标。将此设置为“指针”可在鼠标悬停时为图层赋予“按钮/链接”行为。
3.指针事件图层
的CSS指针事件属性。当图层后面有链接的其他内容时,将此选项设置为“无”很有用。
3.动画
如果您希望您的图层具有悬停样式/动画,请启用此选项。
仅在桌面上 – 仅在桌面上启用悬停样式/动画。
![[Slider Revolution 6] Add Mouse-Over Styles/Animations to your Layers and set the Cursor Type for the Layer. [Slider Revolution 6] Add Mouse-Over Styles/Animations to your Layers and set the Cursor Type for the Layer.](https://aladd.net//wp-content/uploads/2020/05/hover-option-1.jpg)
2.悬停动画
当用户将鼠标悬停在图层上时,将CSS变换添加到图层。
1.过渡时间过渡
的总时间。如果您不希望将鼠标悬停设置为动画,则将其设置为“ 0”。
2.过渡缓动用于过渡
的缓动方程。
3.悬停zIndex
动态更改图层的CSS z-index属性。
4.不透明度
调整图层的透明度。
5/6。ScaleX / Y
缩放图层的宽度和高度。输入数字0-1,其中“ 1”等于100%。
7/8。SkewX / Y对图层
应用倾斜变形。
9/10。RotateX / Y
将3D旋转应用于图层。
11. 2D旋转
应用2D旋转到图层。
14年12月13日。OriginX / Y / Z
可选的CSS转换原点。
16.遮罩
将遮罩应用于图层
![[Slider Revolution 6] Add Mouse-Over Styles/Animations to your Layers and set the Cursor Type for the Layer. [Slider Revolution 6] Add Mouse-Over Styles/Animations to your Layers and set the Cursor Type for the Layer.](https://aladd.net//wp-content/uploads/2020/05/hover-animation-1.jpg)
3.字体,背景和边框样式
1.文本颜色
鼠标悬停时更改图层的文本颜色。
2.文字修饰在图层上
应用CSS文字修饰,例如“下划线”。
3.背景颜色
鼠标悬停时更改图层的背景颜色。
4.边框颜色
为可选的悬停边框设置颜色。
5.边框样式
如果要在鼠标悬停时显示图层的边框,请将其设置为“ solid”。
6.边框大小边框
的顶部/右侧/底部/左侧尺寸。
7.边框
半径向图层添加可选的CSS边框半径。
![[Slider Revolution 6] Add Mouse-Over Styles/Animations to your Layers and set the Cursor Type for the Layer. [Slider Revolution 6] Add Mouse-Over Styles/Animations to your Layers and set the Cursor Type for the Layer.](https://aladd.net//wp-content/uploads/2020/05/hover-style-1.jpg)
4.过滤器样式
1.模糊过滤器
将CSS模糊过滤器应用于鼠标悬停时的图层。
2.亮度过滤器
将 CSS亮度过滤器 应用于鼠标悬停时的图层。
3.灰度滤镜
将CSS 灰度滤镜应用于 鼠标悬停时的图层,将图层的颜色更改为黑白。
![[Slider Revolution 6] Add Mouse-Over Styles/Animations to your Layers and set the Cursor Type for the Layer. [Slider Revolution 6] Add Mouse-Over Styles/Animations to your Layers and set the Cursor Type for the Layer.](https://aladd.net//wp-content/uploads/2020/05/hover-filter-1.jpg)