昨日
<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> 小熊身上的心形这次点到了，还有女孩身上的倒影呢，清舟这个倒影不是垂直下方也不是横向的，移动位置很有讲究啊，厉害{:4_199:} 掏心啦{:4_170:} 女孩的小帽子在小熊的手上，感觉特别好玩。昨日青梅竹马，今日两心相依。很漂亮的制作{:4_187:} 小姑娘把自己的心献给小熊了。 清舟这样的动画人物制作出来也很有意境。唯美！歌曲也非常喜欢！真棒！
{:4_204:}{:4_199:}{:4_190:} 重新欣赏，美好如斯。 庶民 发表于 2023-3-18 17:38
重新欣赏，美好如斯。
谢谢庶民 大猫咪 发表于 2023-3-18 15:39
清舟这样的动画人物制作出来也很有意境。唯美！歌曲也非常喜欢！真棒！
这个简单了，就二个图片合成，其中一张用了三个图层 梦油 发表于 2023-3-18 14:48
小姑娘把自己的心献给小熊了。
为什么不是小姑娘抢了熊心呢{:4_173:} 绿叶清舟 发表于 2023-3-18 21:00
这个简单了，就二个图片合成，其中一张用了三个图层
很有意境的这些PP 红影 发表于 2023-3-18 11:56
小熊身上的心形这次点到了，还有女孩身上的倒影呢，清舟这个倒影不是垂直下方也不是横向的，移动位置很有讲 ...
这次有手了{:4_189:} 马黑黑 发表于 2023-3-18 11:58
掏心啦
小心别撕了肺{:4_189:} 清舟这个做的太棒了，2颗心心相印{:4_178:} 图图也是设计新颖，好漂亮的制作 大猫咪 发表于 2023-3-18 21:01
很有意境的这些PP
是啊，重复听着这歌边听边找图片容易有感觉了 {:4_191:}{:5_116:}{:5_112:} 小辣椒 发表于 2023-3-18 21:05
清舟这个做的太棒了，2颗心心相印
一人一个大家不吃亏{:4_189:} 绿叶清舟 发表于 2023-3-18 21:03
小心别撕了肺
那也正常 马黑黑 发表于 2023-3-18 21:10
那也正常
怎么正常了
页:
[1]
2