子比主题美化,给幻灯片下方加一个虚雾效果

在幻灯片下方添加一个虚化和雾化的效果，创造出一种梦幻般的视觉体验，使幻灯片内容更加突出且富有层次感，效果不仅美观，还能有效提升网站的整体视觉吸引力。

功能介绍

自定义设置：
颜色调整：内置颜色选择器，允许用户根据网站的整体色调调整虚雾的颜色。

透明度控制：提供透明度调节选项，使虚雾效果既可以完全不透明，也可以设置为半透明，以增加层次感。

模糊程度：支持对虚雾效果应用不同程度的模糊效果，使焦点集中在幻灯片内容上，同时保留背景元素的可见性。

多种虚雾样式：
线性渐变：从顶部到底部逐渐增加虚雾效果的透明度，适合简洁明了的设计风格。

径向渐变：从中心向外扩散虚雾效果，增加视觉上的动态感。

固定虚雾：创建一个固定的虚雾区域，无论页面如何滚动，虚雾效果始终保持不变。

动画效果：
淡入淡出：当页面加载或滚动时，虚雾可以采用淡入淡出的效果，增加视觉过渡的平滑性。

滚动联动：虚雾效果可以随着页面滚动而变化，增强互动性和趣味性。

示例图片

部署说明

将下面的代码放置在：子比主题–>>自定义CSS样式，或者自己引入文件在index.php，不会的话就放到自定义CSS

源代码