东篱闲人 发表于 2022-5-11 10:23

夜来香：李香兰

本帖最后由 东篱闲人 于 2022-5-11 11:25 编辑 <br /><br /><style>
.outer { left:-270px; width: 1135px; height: 490px; background: linear-gradient(45deg,red,orange), url('https://s1.ax1x.com/2022/05/11/OUryPf.gif') no-repeat center/cover; background-blend-mode: overlay, normal; filter: drop-shadow(0 0 10px gray); opacity: .95; position: relative; }
.outer h2 { margin: 0; position: absolute; left: 80%; top: 10px; font: bold 1.5em sans-serif; color: teal; text-shadow: 2px 2px 1px #222; }
.spic { position: absolute; width: 400px; height: 400px; top: 100px; mix-blend-mode: multiply; }
.r-small { position: absolute; width: 250px; height: 250px; border-radius: 50%; top: calc(30% - 30px); left: calc(12% - 12px); cursor: pointer; text-align: center; animation: rot 6s linear infinite; }
@keyframes rot { to { transform: rotate(1turn); } }
</style>

<div class="outer">
      <h2>李香兰金曲</h2>
      
      <div class="outer r-small"></div>
</div>

<script>
let flag = true;
let ele = document.querySelector('.r-small');
let au = document.createElement('audio');
au.src = 'http://music.163.com/song/media/outer/url?id=1893891505.mp3';
au.loop = true;
au.autoplay = flag;
au.style.display = 'none';
ele.appendChild(au);
if(!flag) ele.style.animationPlayState = 'paused';
ele.onclick = function() { flag ? (au.pause(), this.style.animationPlayState = 'paused', flag = false) : (au.play(), this.style.animationPlayState = 'running', flag = true); }
</script>

大猫咪 发表于 2022-5-11 10:43

古色古香，真漂亮，老头好创意    是民国风{:5_117:}

这首《半山听雨》是老头演奏的吧 ，非常棒！

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

大猫咪 发表于 2022-5-11 10:56

现在进来听是 《夜来香》 了{:5_106:}好听   {:4_190:}

梦油 发表于 2022-5-11 11:01

东篱朋友早晨好！我好久没听《夜来香》了。谢谢你！

加林森 发表于 2022-5-11 11:36

老兄在复古了哇。。。。{:4_189:}

樵歌 发表于 2022-5-11 12:13

上世纪二三十年代夜上海的歌女，这个在老电影里不少。

小辣椒 发表于 2022-5-11 12:58

老头新的制作越来越漂亮了{:4_199:}{:4_199:}

红影 发表于 2022-5-11 16:49

东篱大哥把缩略图放动图里了，效果更棒。同样的代码，在东篱大哥那里总能焕发出不同的风采{:4_199:}

马黑黑 发表于 2022-5-11 19:34

香香

东篱闲人 发表于 2022-5-11 19:52

大猫咪 发表于 2022-5-11 10:56
现在进来听是 《夜来香》 了    好听

还没编辑完，是你太快了。。。{:5_117:}

东篱闲人 发表于 2022-5-11 19:52

梦油 发表于 2022-5-11 11:01
东篱朋友早晨好！我好久没听《夜来香》了。谢谢你！

那就多听一会。。。{:5_117:}

东篱闲人 发表于 2022-5-11 19:52

加林森 发表于 2022-5-11 11:36
老兄在复古了哇。。。。

瞎复。。。。{:4_170:}

东篱闲人 发表于 2022-5-11 19:53

樵歌 发表于 2022-5-11 12:13
上世纪二三十年代夜上海的歌女，这个在老电影里不少。

你对这个门清。。。{:4_170:}

东篱闲人 发表于 2022-5-11 19:53

小辣椒 发表于 2022-5-11 12:58
老头新的制作越来越漂亮了

瞎鼓捣。。{:5_117:}

东篱闲人 发表于 2022-5-11 19:54

红影 发表于 2022-5-11 16:49
东篱大哥把缩略图放动图里了，效果更棒。同样的代码，在东篱大哥那里总能焕发出不同的风采

闲着没事，瞎琢磨。。。。

东篱闲人 发表于 2022-5-11 19:54

马黑黑 发表于 2022-5-11 19:34
香香

够亲切。。。。{:5_116:}

马黑黑 发表于 2022-5-11 20:00

东篱闲人 发表于 2022-5-11 19:54
够亲切。。。。

必须的{:5_106:}

加林森 发表于 2022-5-11 20:07

东篱闲人 发表于 2022-5-11 19:52
瞎复。。。。

挺不错的。。。。

梦油 发表于 2022-5-11 20:09

东篱闲人 发表于 2022-5-11 19:52
那就多听一会。。。

好的，谢谢你。

樵歌 发表于 2022-5-12 20:16

东篱闲人 发表于 2022-5-11 19:53
你对这个门清。。。

没你门儿清。{:4_173:}
页: [1] 2
查看完整版本: 夜来香：李香兰