[Slider Revolution 6] 将鼠标悬停样式/动画添加到图层-并设置图层的光标类型

[Slider Revolution 6] Add Mouse-Over Styles/Animations to your Layers and set the Cursor Type for the Layer.Slider Revolution
这篇文章约2分阅读完。
[Slider Revolution 6] Add Mouse-Over Styles/Animations to your Layers and set the Cursor Type for the Layer.

内容

  1. 常规设置
  2. 悬停变换
  3. 字体,背景和边框样式
  4. 筛选器样式
  • 相关话题
  • 图层样式
  • 图层动画

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.

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.

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.

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.

评论

复制标题和 URL