【四九消寒】第三天 · 轻
<style>#papa {
width: 640px;
min-height: 1140px;
padding: 40px;
box-sizing: border-box;
border-radius: 12px;
box-shadow: 0 0 8px #000;
position: relative;
margin: 60px auto 80px auto;
top: 0px;
display: grid; user-select: none;
place-items: center;
user-select: none;
}
#tit {
position: absolute;
left: 175px;
top: 400px;
font: bold 20px/26px 'FangSong',serif;
color: Sienna;
}
#papa::before, #papa::after {
position: absolute;
content: '';
}
#papa::before {
left: 10px;
top: 10px;
right: 10px;
bottom: 10px;
border: 2px dashed Brown;
border-radius: inherit;
}
#papa::after {
content: '四九消寒第三天 轻 ';
padding: 10px 40px 10px 10px;
left: -10px;
top: 20px;
border-radius: 10px 0 0 10px;
background: Sienna;
opacity: .85;
font: bold 16px/24px sans-serif;
color: white;
clip-path: polygon(0 0,100% 0,90% 50%, 100% 100%, 0 100%);
}
#pic {
position: absolute;
left: 70px;
top: 90px;
width: 500px;
height: 260px;
}
.mpic { position: absolute; right: -10px; bottom: -10px; width: 300px; height: 183px; }
.mpic1 { position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; opacity: .35;
background: url('https://pic.imgdb.cn/item/647c033ef024cca17313a454.gif'); }
@keyframes swing { from { transform: rotate(3deg); } to { transform: rotate(-2deg); } }
</style>
<div id="papa">
<div class="mpic1"></div>
<img id="pic" src="https://pic.imgdb.cn/item/6599fbf5871b83018ac3ca1d.jpg" alt="" />
<img src="https://pic.imgdb.cn/item/6482db5b1ddac507ccaa9ddd.gif" alt="" class="mpic" />
<div id="tit">四九用联：娜姿轻盈宫前是娇娃<br>
2024-1-20文字：红影<br><br><br>
轻轻的 轻轻的 那是她来梦中的脚步<br>
怕吵醒儿子 无言的驻足 藏着太多的叮嘱<br>
那个爱你如命的人 即使离去 仍在守护<br>
这世上 还有什么比得上失去亲人的痛苦<br><br>
海味山珍也比不上寻常的一荤一素<br>
在天的亲人化身阳光 照亮孩子的前路<br>
柴米油盐的琐碎 化身闪耀的珍珠<br>
那一双无尽操劳的手 让时光有了温度<br><br>
无尽的思念 渗透了此后的朝朝暮暮<br>
不要伤怀 她一定希望你过得很幸福<br>
无论留在尘世多么孤单 冰雪如何冷酷<br>
报生活以坚强 和嘴角上扬的弧度<br><br>
</div><br>
<audio id="aud" src="https://music.163.com/song/media/outer/url?id=569200212.mp3" loop autoplay></audio>
<script >
(function() {
(function(mkPlayer) {let defaults = {lrcAr: [],lrc_css: 'top: 10px; left: 50%; transform: translateX(-50%);',player_css: 'bottom: 20px; left: 50%; transform: translateX(-50%);',playerCode: `<style>#mplayer {position: absolute;display: grid;grid-template-areas: 'cur btnplay dur''prog prog prog';gap: 8px 2px;place-items: end center;color: var(--color);font: normal 16px sans-serif;z-index: 999;--ww: 240px;--color: SaddleBrown;--track: hsla(90,100%,95%,.65);--prog: linear-gradient(90deg,hsla(90,30%,50%,.55),hsla(0,100%,50%,.75),hsla(180,100%,50%,.65));}#cur { grid-area: cur; color: var(--color); }#dur { grid-area: dur; color: var(--color); }#btnplay {--dis1: block;--dis2: none;grid-area: btnplay;width: 35px;height: 35px;border: 3px solid var(--color);border-radius: 50%;opacity: .95;cursor: pointer;transition: .3s;position: relative;}#btnplay:hover { opacity: 1; box-shadow: 0 0 5px var(--color), inset 0 0 5px var(--color); }#btnplay::before, #btnplay::after {position: absolute;content: '';width: 100%;height: 100%;background: var(--color);}#btnplay::before { display: var(--dis1); clip-path: polygon(35% 30%, 75% 50%, 35% 70%); }#btnplay::after {display: var(--dis2);clip-path: polygon(35% 30%, 45% 30%, 45% 70%, 35% 70%, 55% 70%, 65% 70%, 65% 30%, 55% 30%, 55% 70%, 35% 70%);}#prog {--xx: 0px;grid-area: prog;width: var(--ww);height: 4px;background: var(--track);position: relative;display: grid;place-items: center;}#prog::before, #prog::after { position: absolute; content: ''; }#prog::before {left: 0;width: var(--xx);height: 100%;border-radius: 6px;background: var(--prog);}#prog::after {left: calc(var(--xx) - 12px);opacity: .85;width: 16px;height: 16px;background: radial-gradient(transparent 2px, teal 0, black);border-radius: 50%;cursor: pointer;}#lrc {--motion: cover2;--tt: 2s;--state: paused;--bg: linear-gradient(180deg, hsla(90, 50%, 50%, .45), hsla(0, 100%, 50%, .75));position: absolute;font: bold 1.0em serif;color: rgba(160,82,45, .95);white-space: pre;-webkit-background-clip: text; z-index: 1000;}#lrc::before {position: absolute;content: attr(data-lrc);width: 20%;height: 100%;color: transparent;overflow: hidden;white-space: pre;background: var(--bg);filter: inherit;-webkit-background-clip: text;animation: var(--motion) var(--tt) linear forwards;animation-play-state: var(--state);}@keyframes cover1 { from { width: 0; } to { width: 100%; } }@keyframes cover2 { from { width: 0; } to { width: 100%; } }</style><div id="lrc" data-lrc=" "> </div><div id="mplayer"><span id="btnplay"></span><span id="prog"></span><span id="cur">00:00</span><span id="dur">00:00</span></div>`,};let playCode = (user_config) => {let data = Object.assign({}, defaults, user_config);papa.innerHTML += data.playerCode;mplayer.style.cssText += data.player_css;lrc.style.cssText += data.lrc_css;let mKey = 0, mFlag = true, mDrag = false;btnplay.onclick = () => aud.paused ? aud.play() : aud.pause();aud.addEventListener('timeupdate', () => {cur.innerText = toMin(aud.currentTime);dur.innerText = toMin(aud.duration);if(mDrag===false) prog.style.setProperty('--xx', aud.currentTime * prog.offsetWidth / aud.duration + 'px');for (j = 0; j < data.lrcAr.length; j++) {if (aud.currentTime >= data.lrcAr) {cKey = j;if (mKey === j) showLrc(data.lrcAr);else continue;}}});aud.addEventListener('pause', () => mState());aud.addEventListener('play', () => mState());aud.addEventListener('seeked', () => calcKey());prog.onmousedown = (e) => mDrag = true;prog.onmousemove = (e) => { if(mDrag) prog.style.setProperty('--xx',e.offsetX + 'px'); };prog.onmouseup = (e) => {aud.currentTime = aud.duration * e.offsetX / prog.offsetWidth;mDrag = false;};let mState = () => aud.paused ? (lrc.style.setProperty('--state','paused'),btnplay.style.setProperty('--dis1','block'), btnplay.style.setProperty('--dis2','none')): (lrc.style.setProperty('--state','running'),btnplay.style.setProperty('--dis1','none'), btnplay.style.setProperty('--dis2','block'));let showLrc = (time) => {let name = mFlag ? 'cover1' : 'cover2';lrc.innerHTML = lrcAr;lrc.dataset.lrc = lrcAr.replace(/<br>/, '\n');lrc.style.setProperty('--motion', name);lrc.style.setProperty('--tt', time + 's');lrc.style.setProperty('--state', 'running');mKey += 1;mFlag = !mFlag;};let calcKey = () => {for (j = 0; j < data.lrcAr.length; j++) {if (aud.currentTime <= data.lrcAr) {mKey = j - 1;break;}}if (mKey < 0) mKey = 0;if (mKey > data.lrcAr.length - 1) mKey = data.lrcAr.length - 1;let time = data.lrcAr - (aud.currentTime - data.lrcAr);showLrc(time);};let toMin = (val) => {if (!val) return '00:00';val = Math.floor(val);let min = parseInt(val / 60),sec = parseFloat(val % 60);if (min < 10) min = '0' + min;if (sec < 10) sec = '0' + sec;return min + ':' + sec;}};mkPlayer.HCPlayer = playCode;})(this);
let lrcAr = [
,
];
HCPlayer({
lrcAr: lrcAr,
lrc_css: 'left: calc(50% - 60px); bottom: 64px; --bg: rgba(160,82,45, .95);',
player_css: 'left: 190px; bottom: 100px;--track: hsla(0,0%,80%,.95); --prog: linear-gradient(90deg,hsla(120,100%,50%,.55),hsla(0,100%,50%,.55),hsla(120,100%,50%,.65));',
});
})();
</script> 《一荤一素》歌手：毛不易
日出又日落 深处再深处
一张小方桌 有一荤一素
一个身影从容地忙忙碌碌
一双手让这时光有了温度
太年轻的人 他总是不满足
固执地不愿停下 远行的脚步
望着高高的天走了长长的路
忘了回头看 她有没有哭
月儿明 风儿轻
可是你在敲打我的窗棂
听到这儿你就别担心
其实我过的还可以
月儿明 风儿轻
你又可曾来过我的梦里
一定是你来时太小心
知道我睡得轻
太年轻的人 他总是不满足
固执地不愿停下 远行的脚步
望着高高的天走了长长的路
忘了回头看 她有没有哭
月儿明 风儿轻
可是你在敲打我的窗棂
听到这儿你就别担心
其实我过的还可以
月儿明 风儿轻
你又可曾来过我的梦里
一定是你来时太小心
知道我睡得轻
一定是你来时太小心
怕我再想起你 转：
这是一首写给母亲的歌，毛不易母亲很早就因病去世了，去世前一直放心不下儿子，躺在病床上一直念叨着儿子要吃一荤一素，毛不易之前一直愧疚自己让母亲牵挂，觉得自己是一个不成功的人，如今只能写首歌和她说： 别担心，我过得还可以。
如果特别亲的人去世了，刚开始你不会那么痛，因为你缓不过来，反而特别难过的是，在之后的时光里，会在某个不经意的瞬间，想起时，看见她曾经爱吃的美食，用过的杯子，鼻子一酸，泪流满面。想起她在，该有多好，或许只有经历过的人才懂，失去亲人非常痛苦的，不是失去的那一刻，而是日后想起她的每一刻。 今天起来晚了，又正好想起怎么去写这个轻，就先去凑字了。
下午还得出去一下，有些生活里的事需要去办。 这首歌的靠近结束的时候，特别感人。听到这首歌的时候，也是失去亲人的那年，哭得稀里哗啦。。。 红影 发表于 2024-1-20 11:10
转：
这是一首写给母亲的歌，毛不易母亲很早就因病去世了，去世前一直放心不下儿子，躺在病床上一直念叨 ...
世上只有妈妈好，没妈的孩子像棵草。母爱是最伟大的！ 体会一首感人的歌，就用一段一段伤情的文字云增持，这效果更加伤情了。开门见山把轻轻带入诗歌表现的情感之中。很好。{:4_187:} 师妹可算是找到了很好的契入突破口了{:4_173:} 梦油 发表于 2024-1-20 11:14
世上只有妈妈好，没妈的孩子像棵草。母爱是最伟大的！
是啊，毛不易的妈妈临终还记得孩子要吃一荤一素，很感人。记得贾玲也是因为怀念妈妈，而拍了那部你好李焕英，同样特别感人。 樵歌 发表于 2024-1-20 14:30
体会一首感人的歌，就用一段一段伤情的文字云增持，这效果更加伤情了。开门见山把轻轻带入诗歌表现的情感之 ...
这个正好想到写什么了，所以写起来还方便些。谢谢师兄的肯定{:4_187:} 樵歌 发表于 2024-1-20 14:30
师妹可算是找到了很好的契入突破口了
嗯，我也发现找些喜欢的歌曲，更容易找到突破口{:4_173:} 红影 发表于 2024-1-20 15:54
这个正好想到写什么了，所以写起来还方便些。谢谢师兄的肯定
能从这目标字一开始就顺溜一路写下去，思路顺。 红影 发表于 2024-1-20 15:55
嗯，我也发现找些喜欢的歌曲，更容易找到突破口
这样带着感觉去写，自然而然字就有魂了。 樵歌 发表于 2024-1-20 20:37
能从这目标字一开始就顺溜一路写下去，思路顺。
是的，开始打开思路，就会比较好写了。 樵歌 发表于 2024-1-20 20:39
这样带着感觉去写，自然而然字就有魂了。
反正我每次按三小节去凑的，等整理起来长度差不多{:4_173:} 天堂一定很美，所以她们才会一去不回。 四海八荒 发表于 2024-1-20 22:22
天堂一定很美，所以她们才会一去不回。
愿天堂的人快乐{:5_161:} 记录生活，书法情感是最美的。 庶民 发表于 2024-1-21 09:30
记录生活，书法情感是最美的。
也欢迎庶民一起啊{:4_187:} 红影 发表于 2024-1-20 21:58
是的，开始打开思路，就会比较好写了。
思路决定一切{:4_189:}
页:
[1]
2