绿叶清舟 发表于 2023-3-18 11:42

昨日


<style>
#papa {
      margin: -80px 0 0 calc(50% - 633px);
      width: 1100px;
      height: 700px;
      background: lightblue url('https://pic.imgdb.cn/item/64152b75a682492fccc125a3.jpg') center/cover no-repeat;
      box-shadow: 3px 3px 20px #000;
      position: relative;
      z-index: 1;
}
#mplayer {
      position: absolute;
      top: 503px;
      left: 125px;
      width: 20px;
      height: 20px;
      background: #E94142;
      transform: rotate(135deg);
      opacity: 1;
      filter: drop-shadow(-1px -100px 2px #9a2222);
      animation: beat .45s infinite alternate var(--state);
      cursor: pointer;
      --state: paused;
}
#mplayer::before, #mplayer::after {
      position: absolute;
      content: '';
      width: 100%;
      height: 100%;
      border-radius: 50%;
      background: inherit;
}
#mplayer::before { top: -13px; }
#mplayer::after { left: 13px; }
#mplayer:hover { background: red; }
@keyframes beat { to { transform: rotate(135deg) scale(0.9); } }
</style>

<div id="papa">
      <div id="mplayer"></div>
      <audio id="aud" src="https://music.163.com/song/media/outer/url?id=289081" autoplay loop></audio>
</div>

<script>
(function() {
      let mState = () => mplayer.style.setProperty('--state', aud.paused ? 'paused' : 'running');
      aud.addEventListener('play', () => mState());
      aud.addEventListener('pause', () => mState());
      mplayer.addEventListener('click', () => aud.paused ? aud.play() : aud.pause());
})();
</script>

红影 发表于 2023-3-18 11:56

小熊身上的心形这次点到了,还有女孩身上的倒影呢,清舟这个倒影不是垂直下方也不是横向的,移动位置很有讲究啊,厉害{:4_199:}

马黑黑 发表于 2023-3-18 11:58

掏心啦{:4_170:}

红影 发表于 2023-3-18 12:05

女孩的小帽子在小熊的手上,感觉特别好玩。昨日青梅竹马,今日两心相依。很漂亮的制作{:4_187:}

梦油 发表于 2023-3-18 14:48

小姑娘把自己的心献给小熊了。

大猫咪 发表于 2023-3-18 15:39

清舟这样的动画人物制作出来也很有意境。唯美!歌曲也非常喜欢!真棒!

{:4_204:}{:4_199:}{:4_190:}

庶民 发表于 2023-3-18 17:38

重新欣赏,美好如斯。

绿叶清舟 发表于 2023-3-18 20:59

庶民 发表于 2023-3-18 17:38
重新欣赏,美好如斯。

谢谢庶民

绿叶清舟 发表于 2023-3-18 21:00

大猫咪 发表于 2023-3-18 15:39
清舟这样的动画人物制作出来也很有意境。唯美!歌曲也非常喜欢!真棒!

这个简单了,就二个图片合成,其中一张用了三个图层

绿叶清舟 发表于 2023-3-18 21:01

梦油 发表于 2023-3-18 14:48
小姑娘把自己的心献给小熊了。

为什么不是小姑娘抢了熊心呢{:4_173:}

大猫咪 发表于 2023-3-18 21:01

绿叶清舟 发表于 2023-3-18 21:00
这个简单了,就二个图片合成,其中一张用了三个图层

很有意境的这些PP

绿叶清舟 发表于 2023-3-18 21:03

红影 发表于 2023-3-18 11:56
小熊身上的心形这次点到了,还有女孩身上的倒影呢,清舟这个倒影不是垂直下方也不是横向的,移动位置很有讲 ...

这次有手了{:4_189:}

绿叶清舟 发表于 2023-3-18 21:03

马黑黑 发表于 2023-3-18 11:58
掏心啦

小心别撕了肺{:4_189:}

小辣椒 发表于 2023-3-18 21:05

清舟这个做的太棒了,2颗心心相印{:4_178:}

小辣椒 发表于 2023-3-18 21:06

图图也是设计新颖,好漂亮的制作

绿叶清舟 发表于 2023-3-18 21:06

大猫咪 发表于 2023-3-18 21:01
很有意境的这些PP

是啊,重复听着这歌边听边找图片容易有感觉了

大猫咪 发表于 2023-3-18 21:07

{:4_191:}{:5_116:}{:5_112:}

绿叶清舟 发表于 2023-3-18 21:08

小辣椒 发表于 2023-3-18 21:05
清舟这个做的太棒了,2颗心心相印

一人一个大家不吃亏{:4_189:}

马黑黑 发表于 2023-3-18 21:10

绿叶清舟 发表于 2023-3-18 21:03
小心别撕了肺

那也正常

绿叶清舟 发表于 2023-3-18 21:11

马黑黑 发表于 2023-3-18 21:10
那也正常

怎么正常了
页: [1] 2
查看完整版本: 昨日