前言

最近逛了一圈博客站点，发现了这个很好看的跳动图片效果，在此分享给大家

效果展示

使用教程

后台小工具页面添加以下html并放置于底部全宽度即可

<div class="tuc-c602702c-45d6ec-0 graphic hover-zoom-img noshadow mb10  tuc-c602702c-45d6ec-0" style="padding-bottom: 16%!important;"><video autoplay="" loop="" muted="" class="tuc-c602702c-45d6ec-0 fit-cover lazyloading tuc-c602702c-45d6ec-0" data-src="https://oss.zibll.com/zibll.com/2023/04/蓝色矩形循环跳动.mp4" src="https://www.98dou.cn/%E8%93%9D%E8%89%B2%E7%9F%A9%E5%BD%A2%E5%BE%AA%E7%8E%AF%E8%B7%B3%E5%8A%A8.webm" __idm_id__="10993667"></video><div class="tuc-c602702c-45d6ec-0 abs-center text-center graphic-text this-font tuc-c602702c-45d6ec-0"><div class="tuc-c602702c-45d6ec-0 em16 font-bold mb20 tuc-c602702c-45d6ec-0">风雪源码</div> 一个赋能网络IT科技魅力的网站</div></div>