超级轮播/样例

本页样例，纯属炫技，请不要学习这样的写法！

2

<div class="SuperCarousel noPause eg2" style="width:200px;height:200px;--s:0s" data-gap="20" data-unit="ms">
	<div class="body">{{#arraymap:↑,↗,→,↘,↓,↙,←,↖|,|@|<div class="item">@</div>|}}</div>
</div>
<bstyle>.SuperCarousel.eg2>.body>.item{font-size:5em}</bstyle>

↑

↗

→

↘

↓

↙

←

↖

1

图片来自Pixiv，Pixiv ID=85162550

<div class="SuperCarousel eg1" style="width:100%;aspect-ratio:1920/963;--s:0s" data-gap="40" data-unit="ms">
	<div class="body">{{#loop:i|0|16|<div class="item">[[文件:超级轮播_样例1_{{padleft:{{#var:i}}|2}}.jpg|link=]]</div>}}</div>
</div>
<bstyle>.SuperCarousel.eg1 img{width:100%;height:auto}</bstyle>