加林森 发表于 2022-4-23 12:16

《情深深雨濛濛》-- 孙露 TO：马黑黑（学习小风扇制作）

本帖最后由 加林森 于 2022-4-23 16:42 编辑 <br /><br /><style>
.hy {
   top:120px;left:-302px;
   position: relative;
   width: 1200px;
   height: 636px;
   background: #FFF url('https://pic.imgdb.cn/item/62637caa239250f7c594baf2.jpg') no-repeat center/cover;
   box-shadow: 4px 4px 5px #888;
   border-radius:12px;
}

.fan {
      --ss: 60px;
      left: 20px; top: 20px;
      width: var(--ss);
      height: var(--ss);
      background: linear-gradient(transparent 46%,#CEA80F 47%, transparent 54%),
         linear-gradient(45deg,transparent 46%,#CEA80F 47%, transparent 54%),
         linear-gradient(90deg,transparent 46%,#CEA80F 47%, transparent 54%),
         linear-gradient(135deg,transparent 46%,#CEA80F 47%, transparent 54%);
      border: calc(var(--ss) / 30) solid #DEB510;
      border-radius: 50%;
      position: absolute;
      cursor: pointer;
      animation: rot 1.2s linear infinite;
}
@keyframes rot { to { transform: rotate(1turn); } }
</style>
<div class="hy">
<div class="fan"></div>
<div style="position: absolute; left:60px; top: 140px; width:451px; opacity: .95;">
                <img alt="" src="https://pic.imgdb.cn/item/62479cbe27f86abb2adbb9bd.gif"/>            
      </div>
</div><br><br><br><br><br><br>

<script language="javascript">
let iBox = document.querySelector(".fan");
let au = document.createElement("audio");
au.src = "http://www.kumeiwp.com/sub/filestores/2022/04/19/ec2a3deb0541c00f1f8e735b520f3ef5.mp3";
au.autoplay = true;
au.loop = true;
iBox.onclick = function() {
        au.paused ? (au.play(), this.style.animationPlayState = "running") : (au.pause(), this.style.animationPlayState = "paused");
}
</script>

加林森 发表于 2022-4-23 12:24

@马黑黑

马黑黑 发表于 2022-4-23 12:31

有一个作品出炉了。祝贺队长。

加林森 发表于 2022-4-23 12:36

马黑黑 发表于 2022-4-23 12:31
有一个作品出炉了。祝贺队长。

谢谢老黑，你的教程真管用。{:4_190:}

红影 发表于 2022-4-23 13:38

人物脸有点大啊。{:4_173:}

红影 发表于 2022-4-23 13:39

恭喜队长，也做成了呢。很赞的{:4_187:}
那个按钮关联好像无法停止？

加林森 发表于 2022-4-23 13:41

红影 发表于 2022-4-23 13:38
人物脸有点大啊。

这个可是原创的演员呢。

加林森 发表于 2022-4-23 13:42

红影 发表于 2022-4-23 13:39
恭喜队长，也做成了呢。很赞的
那个按钮关联好像无法停止？

可以停止的，我这里一点就关闭了。

马黑黑 发表于 2022-4-23 14:12

加林森 发表于 2022-4-23 12:36
谢谢老黑，你的教程真管用。

{:5_108:}

加林森 发表于 2022-4-23 16:41

马黑黑 发表于 2022-4-23 14:12


{:5_108:}

红影 发表于 2022-4-23 20:17

加林森 发表于 2022-4-23 13:42
可以停止的，我这里一点就关闭了。

嗯嗯，是的，是我加分后忘记刷新，所以点不上去{:4_173:}

加林森 发表于 2022-4-23 20:19

红影 发表于 2022-4-23 20:17
嗯嗯，是的，是我加分后忘记刷新，所以点不上去

哦，明白了。
页: [1]
查看完整版本: 《情深深雨濛濛》-- 孙露 TO：马黑黑（学习小风扇制作）