文字阴影选项
Slider Revolution 在模块编辑器中提供了常规的文本阴影选项。本文将介绍如何使用自定义CSS创建自己的高级文本阴影。
首先,请先在您的文字图层中添加一个类
![[Slider Revolution 6]使用此自定义CSS为文本图层创建独特的阴影效果 [Slider Revolution 6]使用此自定义CSS为文本图层创建独特的阴影效果](https://aladd.net//wp-content/uploads/2020/05/add-layer-class-1.jpg)
然后将以下示例中的代码粘贴到“模块的自定义CSS”部分中。
![[Slider Revolution 6]使用此自定义CSS为文本图层创建独特的阴影效果 [Slider Revolution 6]使用此自定义CSS为文本图层创建独特的阴影效果](https://aladd.net//wp-content/uploads/2020/05/custom-css-section-1-5.jpg)
![[Slider Revolution 6]使用此自定义CSS为文本图层创建独特的阴影效果 [Slider Revolution 6]使用此自定义CSS为文本图层创建独特的阴影效果](https://aladd.net//wp-content/uploads/2020/05/enter-custom-css-1.jpg)
样式示例1
![[Slider Revolution 6]使用此自定义CSS为文本图层创建独特的阴影效果 [Slider Revolution 6]使用此自定义CSS为文本图层创建独特的阴影效果](https://aladd.net//wp-content/uploads/2020/05/style1-1.jpg)
.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为文本图层创建独特的阴影效果 [Slider Revolution 6]使用此自定义CSS为文本图层创建独特的阴影效果](https://aladd.net//wp-content/uploads/2020/05/style2-1.jpg)
.my-layer-class {text-shadow:-10px 10px 0px#6f6f6f,-20px 20px 0px#a5a5a5,-30px 30px 0px#d8d8d8; }
样式示例3
![[Slider Revolution 6]使用此自定义CSS为文本图层创建独特的阴影效果 [Slider Revolution 6]使用此自定义CSS为文本图层创建独特的阴影效果](https://aladd.net//wp-content/uploads/2020/05/style3-1.jpg)
.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为文本图层创建独特的阴影效果 [Slider Revolution 6]使用此自定义CSS为文本图层创建独特的阴影效果](https://aladd.net//wp-content/uploads/2020/05/style4-1.jpg)
.my-layer-class {text-shadow:-1px -1px 0#000,1px -1px 0#000,-1px 1px 0#000,1px 1px 0#000; }