小辣椒 发表于 2022-1-1 11:39

祝黑黑新年快乐!


<style type="text/css">

.dDiv {
      width:100%;
      height:400px;
      line-height:400px;
      color:transparent;
      font-family:SimHei,NSimSun,'Microsoft YaHei';
      font-size:60px;
      font-weight:bold;
      background:#0617f7;
      text-align:center;
      border-radius:8px 12px;
      box-shadow:4px 4px 6px #000;
}

.sp { animation:iFlash 6s linear infinite; }
.dDiv span:nth-child(1) { animation-delay:0s; }
.dDiv span:nth-child(2) { animation-delay:0.4s; }
.dDiv span:nth-child(3) { animation-delay:0.8s; }
.dDiv span:nth-child(4) { animation-delay:1.2s; }
.dDiv span:nth-child(5) { animation-delay:1.6s; }
.dDiv span:nth-child(6) { animation-delay:2s; }
.dDiv span:nth-child(7) { animation-delay:2.4s; }
.dDiv span:nth-child(8) { animation-delay:2.8s; }
.dDiv span:nth-child(9) { animation-delay:3.2s; }

@keyframes iFlash {
      0%,100% {
                color:white;
                text-shadow:
                        2px 2px 4px coral,
                        2px 2px 10px coral,
                        2px 2px 20px coral,
                        2px 2px 40px coral,
                        2px 2px 50px coral,
                        2px 2px 60px coral,
                        2px 2px 0px coral,
                        2px 2px 80px coral,
                        2px 2px 90px coral,
                        2px 2px 100px coral;
      }
      30%,90% {
                color:transparent;
                text-shadow:none;
      }
}

</style>

<div class="dDiv">

      <span class="sp">祝</span>
      <span class="sp">黑</span>
      <span class="sp">黑</span>
      <span class="sp">新</span>
      <span class="sp">年</span>
      <span class="sp">快</span>
      <span class="sp">乐</span>
      <span class="sp">!</span>
</div>



<audio style="width:0px;height:0px;" controls="controls" autoplay="autoplay" loop="loop" src="http://wj.zp68.com/lxx/yunhua/20200101/01.mp3" type="audio/mpeg"></audio>

小辣椒 发表于 2022-1-1 11:41

今天来论坛看见黑黑的这个教程,学习做一个,这个我纯套用的,上一首开心快乐的歌曲,黑黑一起开心!

小辣椒 发表于 2022-1-1 11:42

今天2022的第一天,祝黑黑新的一年,心想事成,想发财就发财{:4_170:}

加林森 发表于 2022-1-1 11:45

小辣椒厉害啊,一下就学会了。老黑收礼开心!

马黑黑 发表于 2022-1-1 11:56

新年巡山快乐{:4_170:}

元宵 发表于 2022-1-1 12:21

黑黑新年快乐!{:4_171:}

红影 发表于 2022-1-1 15:14

亲爱的雪得好快,同祝黑黑新年快乐{:4_187:}

马黑黑 发表于 2022-1-1 20:46

元宵 发表于 2022-1-1 12:21
黑黑新年快乐!

送我个草心{:4_170:}

千羽 发表于 2022-1-1 22:40

很漂亮的效果,小辣学习椒速度好快{:4_187:}

千羽 发表于 2022-1-1 22:42

小辣椒 发表于 2022-1-1 11:42
今天2022的第一天,祝黑黑新的一年,心想事成,想发财就发财

嗯,和小辣椒同祝:祝福马黑黑老师:新的一年,心想事成,想发财就发财{:4_181:}

杨柳青 发表于 2022-1-1 22:52

真是一位好学生~~
页: [1]
查看完整版本: 祝黑黑新年快乐!