[Slider Revolution 6]使用此自定义CSS为文本图层创建独特的阴影效果

[Slider Revolution 6] Use this Custom CSS to create unique shadow effects for your Text LayersSlider Revolution
这篇文章约2分阅读完。

文字阴影选项

Slider Revolution 在模块编辑器中提供了常规的文本阴影选项。本文将介绍如何使用自定义CSS创建自己的高级文本阴影。

首先,请先在您的文字图层中添加一个类

[Slider Revolution 6]使用此自定义CSS为文本图层创建独特的阴影效果

然后将以下示例中的代码粘贴到“模块的自定义CSS”部分中。

[Slider Revolution 6]使用此自定义CSS为文本图层创建独特的阴影效果
[Slider Revolution 6]使用此自定义CSS为文本图层创建独特的阴影效果

样式示例1

[Slider Revolution 6]使用此自定义CSS为文本图层创建独特的阴影效果

.my-layer-class {text-shadow:-1px -1px 0#000,1px -1px 0#000,-1px 1px 0#000,1px 1px 0#000; }

样式示例2

[Slider Revolution 6]使用此自定义CSS为文本图层创建独特的阴影效果

.my-layer-class {text-shadow:-10px 10px 0px#6f6f6f,-20px 20px 0px#a5a5a5,-30px 30px 0px#d8d8d8; }

样式示例3

[Slider Revolution 6]使用此自定义CSS为文本图层创建独特的阴影效果

.my-layer-class {text-shadow:3px 3px 0#7e7e7e,4px 4px 0#7e7e7e,5px 5px 0#7e7e7e,6px 6px 0#7e7e7e,7px 7px 0#7e7e7e,8px 8px 0#7e7e7e,9px 9px 0 #7e7e7e,10px 10px 0#7e7e7e,11px 11px 0#7e7e7e,12px 12px 0#7e7e7e,13px 13px 0#7e7e7e,14px 14px 0#7e7e7e,15px 15px 0#7e7e7e,16px 16px 0#7e7e7e,17px ,18px 18px 0#7e7e7e,19px 19px 0#7e7e7e,20px 20px 0#7e7e7e; }

样式示例4

[Slider Revolution 6]使用此自定义CSS为文本图层创建独特的阴影效果

.my-layer-class {text-shadow:-1px -1px 0#000,1px -1px 0#000,-1px 1px 0#000,1px 1px 0#000; }

评论

复制标题和 URL