冰山火焰 发表于 2012-3-17 21:55

【冰山火焰音画】最美的风景

<style>#mydiv { margin: 0 0 0 calc(50% - 880px); display: grid; place-items: center; width: 1600px; height: 900px;top:60px; background: lightblue url('https://img.wyc520.com.cn/data/attachment/forum/202404/11/150307hgo47o4qz4pg02pg.jpg') no-repeat center/cover; box-shadow: 3px 3px 20px #000; user-select: none; overflow: hidden; position: relative; z-index: 1; --state: running; }
#codePre { font: normal 14px/20px Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace; }
.green { color: green; }
#vid {
        position: absolute;
        width: 80%;
        height: 100%;
        top:190px;
        object-fit: cover;
        pointer-events: none;
        mix-blend-mode: screen;
        z-index: 2;
        opacity: .14;
}</style><div id="mydiv">
<div class="mypic"><img src="" alt="" /></div><video id="vid" src="https://img3.tukuppt.com/video_show/2418175/00/02/22/5b52e01dad564.mp4" autoplay="" loop="" muted=""></video></div><audio style="width:300px;height:64px;" controls="controls" autoplay="autoplay" loop="loop"

src="https://music.163.com/song/media/outer/url?id=1884984671.mp3
" type="audio/mpeg"></audio>    <script>let script = document.createElement('script');
    script.src = 'https://638183.freep.cn/638183/web/api/pinpu_lrc.js';
    document.head.appendChild(script);



setInterval( () => { aud.paused ? vid.pause() : vid.play(); },100);</script>
<br><br><br><br><br><br><br><br></td></tr></table>

三笑 发表于 2012-3-18 14:11

最美的风景是笔墨纸砚和佳人;P很漂亮的图意，欣赏了，问好冰山！

紫色依恋 发表于 2012-3-18 20:25

老师怎么发图文版了，越界帮老师移大图了

紫色依恋 发表于 2012-3-18 20:27

古典贴配英文歌，别有一番风味，借老师美贴祝姐姐生日快乐

叶落子秋 发表于 2012-3-19 10:15

精美的新作，美丽的风景~~一幅小巧的音画，一种美好的寓意。一份浓浓的情谊，有心了~~
顺祝友友生日快乐~~收礼开心！

小李轻风 发表于 2012-3-19 14:41

我擦，冰山的图做的越来越帅了

楚汐 发表于 2012-3-21 09:47

制作的很不错 辛苦分享

51逍遥 发表于 2012-3-24 20:02

确实是很美！！赞~~~
页: [1]
查看完整版本: 【冰山火焰音画】最美的风景