html 带幻灯片的中心文本

Posted

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了html 带幻灯片的中心文本相关的知识，希望对你有一定的参考价值。

<ul>
  
  <li data-transition="boxslide"><img src="files/sl1.jpg" data-bgrepeat="no-repeat" data-bgfit="cover" data-bgposition="center center" />
    <div class="caption sft" data-x="center" data-y="center" data-speed="700" data-start="1100" data-easing="easeOutBack">HEADING</div>
  </li>

  <li data-transition="boxslide"><img src="files/sl2.jpg" data-bgrepeat="no-repeat" data-bgfit="cover" data-bgposition="center center" />
    <div class="caption sft" data-x="center" data-y="center" data-speed="700" data-start="1100" data-easing="easeOutBack">HEADING</div>
  </li>

  <li data-transition="boxslide"><img src="files/sl3.jpg" data-bgrepeat="no-repeat" data-bgfit="cover" data-bgposition="center center" />
    <div class="caption sft" data-x="center" data-y="center" data-speed="700" data-start="1100" data-easing="easeOutBack">HEADING</div>
  </li>
 
</ul>

以上是关于html 带幻灯片的中心文本的主要内容，如果未能解决你的问题，请参考以下文章

html 带幻灯片的中心文本

纯 Css Slider 无法向每张幻灯片添加文本

在反应中将标题设置为滑块的中心

带预览效果的幻灯片

文本对齐中心与谷歌图标

html html - css - 带变换的中心块