此生欠我一个家 TO：冬雨
<style>#papa { margin: 150px 0 0 calc(50% - 781px);display: grid; place-items: center; width: 1400px; height:711px; background: lightblue url('https://wj.zp68.com/lxx/yunhua/2024/06/02/3.jpg ') no-repeat center bottom; box-shadow: 1px 1px 3px #000; position: relative; overflow: hidden; z-index: 1;--state: running;}
#papa::before { position: absolute; content: ''; width: 500%; height: 18%; bottom: 1px; background: inherit; filter: url(#turb);}
.mypic { position: absolute; width: 32px; height: 32px; left: 150px;top:85px; cursor: pointer; mix-blend-mode: Multiply; z-index: 13;}
#papa > svg { stroke-linecap: round; }
.myfilter { position: absolute; width: 0; height: 0; }
.play_pic { position: absolute;width: 100px; height:100px; bottom: 60px; left: 80%; opacity: .85;cursor: pointer; animation: rot 6s infinite linear var(--state);z-index: 200;}
#dt3{ position: absolute; width: 220px; height: 71px; top: 290px; left: 500px; }
#dt4{ position: absolute; width: 500px; height: 375px; top: 290px; left: 900px; }
#dt5{ position: absolute; width: 70px; height: 74px; top: 20px; left: 1050px; }
@keyframes rot {
to { transform: rotate(1turn); }
}
#vid { position: absolute; width: 100%; height: 110%; top:-100px; left:0px; object-fit: cover; pointer-events: none; mix-blend-mode: screen; z-index:3; opacity: .50;}
</style>
<div id="papa">
<img id="dt3" src="https://wj.zp68.com/lxx/yunhua/2024/06/02/66.gif" alt=""style="position: absolute; mix-blend-mode: multiply;rotate(360deg); " />
<img id="dt4" src="https://wj.zp68.com/lxx/yunhua/2024/06/02/fein.gif" alt="" />
<img id="dt5" src="https://wj.zp68.com/lxx/yunhua/2024/06/02/95.gif " alt="" />
<div class="mypic"><img src="https://xlaj.cn/assets/file/zp/20231112124430.jpg " alt="" /></div>
<video id="vid" src="https://img.tukuppt.com/video_show/2475824/00/01/59/5b46b86e6c5bf.mp4" autoplay="" loop="" muted=""></video>
<audio id="aud" src="https://file.uhsea.com/2405/3769c7befd0295d3c794e2390b534a91PG.mp3" autoplay loop></audio>
<img id="iplay" class="play_pic" src="https://wj.zp68.com/lxx/yunhua/2024/06/02/ann.png" alt="" />
</div>
<svg class="myfilter">
<filter id="turb" filterunits="objectBoundingBox" x="0" y="0" width="100%" height="100%">
<feturbulence id="feturbulence" type="fractalNoise" numoctaves="4" seed="3"></feturbulence>
<fedisplacementmap xchannelselector="G" ychannelselector="B" scale="20" in="SourceGraphic">
</fedisplacementmap>
</filter></svg>
<script>(function() {
let frames = 0, rad = Math.PI / 180;
let lrcAr = [
['0.00', '此生欠我一个家 - 灵魂 ',4.87],
['5.13', '作词：薛菲',4.75],
['10.13', '作曲：薛菲',4.25],
['14.60', '又是那个花前月下',3.37],
['18.15', '我看到了你和他',3.59],
['21.93', '隔着那道竹篱笆',3.47],
['25.58', '心碎就在一刹那',3.71],
['29.49', '冷冷的月光',3.58],
['33.26', '满地散落的枝丫',3.38],
['36.82', '他依偎在你身旁',3.43],
['40.43', '我的眼泪已落下',3.89],
['44.52', '曾经你说的那些话',3.46],
['48.16', '难道全都不算啦',3.58],
['51.93', '我在等你的回答',3.57],
['55.69', '你在拼命的装傻',3.64],
['59.52', '甜都给了你',3.32],
['63.02', '只留下酸和苦辣',3.33],
['66.53', '重温这如梦一场',3.73],
['70.46', '怎奈沦为了笑话',3.87],
['74.53', '此生欠我一个家',3.47],
['78.18', '你把我的给了她',3.56],
['81.93', '跪在佛前参不透',3.66],
['85.78', '如何才能放得下',3.48],
['89.44', '此生欠我一个家',3.57],
['93.20', '来世你能还吗',3.61],
['97.00', '我问天问地问自己',3.59],
['100.78', '为何还要苦苦挣扎',3.63],
['104.60', '~Music~',14.30],
['119.65', '冷冷的月光',3.06],
['122.87', '满地散落的枝丫',3.75],
['126.82', '他依偎在你身旁',3.49],
['130.49', '我的眼泪已落下',3.90],
['134.60', '曾经你说的那些话',3.46],
['138.24', '难道全都不算啦',3.54],
['141.97', '我在等你的回答',3.54],
['145.70', '你在拼命的装傻',3.57],
['149.46', '甜都给了你',3.15],
['152.78', '只留下酸和苦辣',3.95],
['156.94', '重温这如梦一场',3.31],
['160.42', '怎奈沦为了笑话',3.89],
['164.52', '此生欠我一个家',3.58],
['168.29', '你把我的给了她',3.43],
['171.90', '跪在佛前参不透',3.62],
['175.71', '如何才能放得下',3.54],
['179.44', '此生欠我一个家',3.46],
['183.08', '来世你能还吗',3.75],
['187.03', '我问天问地问自己',3.48],
['190.69', '为何还要苦苦挣扎',3.89],
['194.78', '此生欠我一个家',3.23],
['198.18', '你把我的给了他',3.52],
['201.89', '说好一起到白头',3.58],
['205.66', '你却偏执犯桃花',3.54],
['209.39', '此生欠我一个家',3.54],
['213.12', '来世你能还吗',3.64],
['216.95', '我唯有继续骗自己',3.57],
['220.71', '明知你说的是谎话',3.67],
['224.57', '☆谢谢欣赏☆',4.5]
];
let js1 = 'https://638183.freep.cn/638183/web/api/hc_lrc.js',
js2 = 'https://638183.freep.cn/638183/web/lizi/h5lz_2d.js';
let loadJs = (url,callback) => {
let body = document.querySelector('body'), jsNode = document.createElement('script');
jsNode.charset = 'utf-8';
jsNode.setAttribute('src', url);
body.appendChild(jsNode);
jsNode.onload = () => callback();
};
loadJs(js1, () => {
HCPlayer({
papa: '#papa',
lrcAr: lrcAr,
lrc_css: 'top:70px;left: 38%;font:normal 2.0em 微软雅黑;--bg: linear-gradient(rgba(255,105,180,.5),rgba(255,105,180,.25)); color: White;',
});
});
let fewave = () => {
let bfx = 0.01, bfy = 0.1;
frames += 0.5;
bfx += 0.002 * Math.cos(frames * rad);
bfy += 0.02 * Math.sin(frames * rad);
bf = ;
feturbulence.setAttributeNS(null, 'baseFrequency',bf.join(' '));
requestAnimationFrame(fewave);
};
fewave();
})();
setInterval( () => { aud.paused ? vid.pause() : vid.play(); },100);
</script>
<br><br> @冬天的雨
还礼了{:4_170:} @走过岁月
谢谢岁月，刚准备发个还冬雨的礼，看见你这个小频谱，立马加进去了，小巧玲珑的，只是现成的不是透明频谱，没有完全透明，但已经很好了{:4_205:} 唯美 小文 发表于 2024-6-15 17:38
唯美
问好小文，谢谢欣赏{:4_187:} 制作漂亮，这家就在眼前了 好看，好听，好凉快。{:4_178:}{:4_189:} 那只白鹤在原地打转找伴儿，好可惜的样纸，要是配上对就好了。{:4_173:} 小辣椒 发表于 2024-6-15 17:35
@走过岁月
谢谢岁月，刚准备发个还冬雨的礼，看见你这个小频谱，立马加进去了，小巧玲珑的，只是现成的 ...
小频谱也好看的 小辣椒 发表于 2024-6-15 17:35
@走过岁月
谢谢岁月，刚准备发个还冬雨的礼，看见你这个小频谱，立马加进去了，小巧玲珑的，只是现成的 ...
这个也可以做成透明 冬雨兄快来收礼 {:4_195:} 亲爱的真漂亮的制作，各种素材的大小控制得很好，造成了辽远空阔的大气场景。
小频谱的运用很点睛，下部的水波纹也漂亮{:4_199:} 冬小雨快来收礼了@冬天的雨 {:4_187:} 欣赏学习老师漂亮的音画制作！{:4_187:} 绿叶清舟 发表于 2024-6-15 20:27
制作漂亮，这家就在眼前了
清舟已经看见家门了吧{:4_173:} 樵歌 发表于 2024-6-15 20:30
好看，好听，好凉快。
谢谢樵哥哥欣赏{:4_179:} 樵歌 发表于 2024-6-15 20:32
那只白鹤在原地打转找伴儿，好可惜的样纸，要是配上对就好了。
樵哥哥太有想象力了{:4_172:} 走过岁月 发表于 2024-6-15 21:26
小频谱也好看的
我就喜欢这些小频谱{:4_173:} 走过岁月 发表于 2024-6-15 21:27
这个也可以做成透明
我试了，旧版ps做出来不够精致，新版ps打开好慢，卡的
我也是做不好，岁月你现在忙，等忙完了给我这个做一个透明的彩色频谱，谢谢了{:4_179:} 红影 发表于 2024-6-15 22:55
亲爱的真漂亮的制作，各种素材的大小控制得很好，造成了辽远空阔的大气场景。
小频谱的运用很点睛，下部的 ...
亲爱的，这个图图我修改了几次做了几次的帖了，为了速度我也是重复用图的
页:
[1]
2