小辣椒 发表于 2023-2-10 22:15

TO：冬天的雨


<style>
#mybox {
      margin: auto;
      position: relative;
}
.mysp {
      position: absolute;
      font: bold 28px/36px sans-serif;
}

@keyframes move {
      0% { top: 0px; transform: rotate(0); color: olive; }
      50% { top: 60px; transform: rotate(100deg); color: red; }
      100% { top: 0px; transform: rotate(360deg); color: green; }
}
</style>

<div id="mybox"></div>
<audio id="aud" src="https://music.163.com/song/media/outer/url?id=1456393572.mp3" loop></audio>

<script>
(function() {
      let spans = [],idx = 0, last = null;

      [...'冬天的雨今天终于现身了'].forEach((item,key) => {
                let sp = document.createElement('span');
                sp.className = 'mysp';
                sp.innerText = item;
                sp.style.cssText += `left: ${key*36+36}px`;
                spans.push(sp);
                mybox.appendChild(sp);
      });

      let mov = () => {
                if(last != null) spans.style.animation = '';
                spans.style.animation = 'move 2s';
                last = idx;
                idx += 1;
                if(idx >= spans.length) idx = 0;
                setTimeout(mov,2000);
      };

      mov();
})();
</script>

小辣椒 发表于 2023-2-10 22:16


<audio style="width:250px;height:64px;" controls="controls" autoplay="autoplay" loop="loop" src="https://wx.ttt.dj/updir/6381dd9968c5a.mp3" type="audio/mpeg"></audio>

小辣椒 发表于 2023-2-10 22:16

{:4_170:}{:4_196:}{:4_172:}

小辣椒 发表于 2023-2-10 22:16

@冬天的雨

马黑黑 发表于 2023-2-10 22:17

千呼万唤始出来{:4_170:}

小辣椒 发表于 2023-2-10 22:18

马黑黑 发表于 2023-2-10 22:17
千呼万唤始出来

借黑黑今天的特效回礼了{:4_170:}

马黑黑 发表于 2023-2-10 22:20

小辣椒 发表于 2023-2-10 22:18
借黑黑今天的特效回礼了

廉价了{:4_189:}

小辣椒 发表于 2023-2-10 22:21

马黑黑 发表于 2023-2-10 22:20
廉价了

谁说的，这么高大上的动字。怎么会是廉价

马黑黑 发表于 2023-2-10 22:22

小辣椒 发表于 2023-2-10 22:21
谁说的，这么高大上的动字。怎么会是廉价

{:4_172:}

红影 发表于 2023-2-10 22:28

现学现用啊，这个好玩{:4_173:}

小辣椒 发表于 2023-2-10 22:28

马黑黑 发表于 2023-2-10 22:22


继续呼叫冬雨~~~~

马黑黑 发表于 2023-2-10 22:34

小辣椒 发表于 2023-2-10 22:28
继续呼叫冬雨~~~~

喝酒去了

庶民 发表于 2023-2-11 04:53

好，别具一格的呼喊。

海笑 发表于 2023-2-11 10:57

欣赏老师佳作！

冬天的雨 发表于 2023-2-11 12:41

来了来了，有礼物收{:4_187:}

冬天的雨 发表于 2023-2-11 12:42

马黑黑 发表于 2023-2-10 22:17
千呼万唤始出来

马老师好{:4_187:}

冬天的雨 发表于 2023-2-11 12:43

小辣椒 发表于 2023-2-10 22:28
继续呼叫冬雨~~~~

来了来了，不要太急的

冬天的雨 发表于 2023-2-11 12:44

谢谢小辣椒的礼物，这个字会跳跃，特别好玩{:4_178:}
页: [1]
查看完整版本: TO：冬天的雨