雨再大，淋不湿发着光的心》
本帖最后由 偶然~ 于 2025-8-5 17:57 编辑 <br /><br /><style>#mydiv {
margin: 30px auto;
padding: 20px 10px;
width: 90%;
min-height: 400px;
border: 1px solid var(--fColor);
color: var(--fColor);
background: var(--bgMain);
position: relative;
pointer-events: none;
--bgMain: linear-gradient(snow,lightgreen,snow);
--bgTitle: lightgreen;
--fColor: black;
--btnWidth: 40px;
--state: paused;
}
#mydiv::before, #mydiv::after { position: absolute; content: ''; }
#mydiv::before {
padding: 0 8px;
content: '《雨再大，淋不湿发着光的心》';
left: 193px;
top: -18px;
font: bold 24px / 36px sans-serif;
text-shadow: 1px 1px 2px #111;
border: inherit;
background: var(--bgTitle);
}
#mydiv::after {
width: var(--btnWidth);
height: var(--btnWidth);
background: conic-gradient(var(--fColor),var(--bgTitle),var(--fColor),var(--bgTitle));
border-radius: 50%;
bottom: calc(var(--btnWidth) / -2);
left: calc(50% - var(--btnWidth) / 2);
cursor: pointer;
pointer-events: auto;
animation: rot 5s infinite linear var(--state);
}
#mydiv p { padding: 20px 0; font-size: 16px ; }
.txtRight { position: absolute; text-align: center; right: 10px; bottom: -10px; }
.txtMid { text-align: center; }
@keyframes rot { to { transform: rotate(360deg); } }
</style>
<div id="mydiv">
<p>2025年8月5日 星期二 暴雨<br><br>
凌晨四点被雷声惊醒时，窗外正上演着一场狂想曲——雨帘像被扯碎的珍珠项链砸在空调外机上，楼下的芭蕉叶在风中跳着弗朗明哥。我裹着毯子蹲在窗边，突然看见便利店亮着暖黄的灯，穿荧光雨衣的外卖小哥正弯腰帮拾荒老人固定被风吹翻的纸板。这暴雨中的一幕，比任何朝阳都更让我确信：美从来不分晴雨，只关乎凝视世界的瞳孔焦距。<br><br>
出门前特意换上樱桃图案的雨靴，背包里多塞了两把伞。地铁口有个淋湿头发的大学生盯着手机发愁，我递伞时她愣住的表情，让我想起上周邻居塞给我的那盒草莓。你看，善意果然是会流动的循环系统。下午办公室突然断电，一个人有点害怕，于是就跑到同事们的办公室，看见他们默契地打开手机电筒，投影在墙上的光斑像一群跳舞的萤火虫，主管趁机讲起他童年摸鱼被淋成落汤鸡的糗事，笑声盖过了雨声。<br><br>
回家时发现楼道里蹲着只躲雨的流浪猫，它警惕地看着我，直到我放下半根火腿肠才竖起尾巴。此刻听着雨声煮姜茶，水汽氤氲中忽然懂了：暴雨冲刷出的不是狼狈，而是那些晴日里隐身的美好——像被雨水洗亮的银杏叶，像陌生人共撑一把伞时缩紧的肩膀，像黑暗中最先亮起的那束光。<br><br>
今日发现：雨再大，也淋不湿发着光的心。
</p>
<p><p class="txtRight">偶然<br>2025年08月05日</p>
</div>
<audio id="aud" src="https://ouran2023.s3-us-east-1.ossfiles.com/rslt.mp3" autoplay="autoplay" loop="loop"></audio>
<script>
(function () {
let mState = () => mydiv.style.setProperty('--state', aud.paused ? 'paused' : 'running');
aud.addEventListener('play', mState, false);
aud.addEventListener('pause', mState, false);
mydiv.onclick = () => aud.paused ? aud.play() : aud.pause();
})();
</script>
发着光的心，无论风霜雨雪，都不会遮挡这束温暖的光，善意永远是这世界最温暖的光{:4_187:} “凝视世界的瞳孔焦距”
很喜欢这个说法，我们怎样看待这个世界，都在这样的焦距里了{:4_199:} 欣赏偶然君好帖{:4_199:} 爱心无处不在，赞，大赞！
页:
[1]