使用方法:
引入css文件
<link rel="stylesheet" href="css/style.css" type="text/css">
html结构
<div class="wrapper"> <div class="belt"> <div class="t" style='--index: 0'></div> <div class="t" style='--index: 1'></div> <div class="t" style='--index: 2'></div> <div class="t" style='--index: 3'></div> <div class="t" style='--index: 4'></div> <div class="t" style='--index: 5'></div> <div class="t" style='--index: 6'></div> <div class="t" style='--index: 7'></div> <div class="t" style='--index: 8'></div> <div class="t" style='--index: 9'></div> </div> <div class="box" style='--index: 0'></div> <div class="box" style='--index: 1'></div> <div class="box" style='--index: 2'></div> <div class="box" style='--index: 3'></div> <div class="box" style='--index: 4'></div> </div>