醉美水芙蓉 发表于 2023-6-26 21:36

认识你真好

本帖最后由 醉美水芙蓉 于 2023-6-26 22:03 编辑 <br /><br /> <style>
#mydiv {
      margin: 20px auto;
      width: 700px;
      min-height: 400px;
      border-radius: 16px;
      border: 3px dotted purple;
      background: #eee url('https://pic.imgdb.cn/item/64998e8d1ddac507cc6d93ba.gif') no-repeat 95% 50%;
      background-blend-mode: multiply;
      padding: 20px;
      position: relative;
      --state: paused;
}
#mydiv::before, #mydiv::after {
      position: absolute;
      content: '';
}
#mydiv::before {
      width: 50px;
      height: 50px;
      right: 100px;
      top: 60px;
      border-radius: 50%;
      background: conic-gradient(teal,rebeccapurple,purple,tan);
      -webkit-mask: radial-gradient(transparent 3px, red 0);
      box-shadow: 0 0 4px gray;
      cursor: pointer;
      animation: rot 6s infinite linear var(--state);
}
#mydiv::after {
      content: '认识你真好（朗诵）';
      left: 50%;
      top: -22px;
      transform: translate(-50%);
      background: linear-gradient(purple,rebeccapurple);
      clip-path: polygon(5% 0%, 95% 0%, 100% 50%, 95% 100%, 5% 100%, 0% 50%);
      font: bold 24px/40px sans-serif;
      text-shadow: 1px 1px 2px #000;
      color: #ccc;
      padding: 0 40px;
}
#mydiv > p { margin: 10px 0; font-size: 16px; }
@keyframes rot { to { transform: rotate(360deg); } }
</style>

<div id="mydiv">
        <p>认识你真好（朗诵：香雪儿） 醉美水芙蓉编辑2023.6.26</p>
        <blockquote>如水的日子因为认识了你而不再平淡</blockquote>
        <p>逝去的岁月里，因为有了你，</p>
        <blockquote>回忆会更加浪漫。</blockquote>
        <p>时空的遥远并没有改变我们心的距离，</p>
        <blockquote>我依然能够在每时每刻感觉到你的气息。</blockquote>
        <p>我们在各自的生活轨道上重复着单调的人生，</p>
        <blockquote>相互聆听着彼此心灵的低语，</blockquote>
        <p>远远地看着你，</p>
        <blockquote>感悟着你。</blockquote>
        <p> 认识你以后，我不再是一只孤飞的大雁，我知道 在远方的异乡，也有一只雁儿在细细地聆听着我的心事，在用心感悟着我生命的精彩。
我们用语言点燃起一堆堆篝火，在远隔千山万水的地方彼此慰籍，彼此温暖。生命的旅途中有你深情的注视，我会更加坚强，更加勇敢。
在这冷漠的世界里，在这日趋隔膜与生疏的尘世中，能有一个人还能够让你想念，让你牵挂，这样的感觉真好。如果宿命中注定你还要漂泊很久，那么 就让我在你将走过的路上为你种植一路的快乐与阳光。
岁月如歌，如歌的岁月里邂逅了你，悄悄的守着那一份默契，悄悄地把美好的感觉深藏在心的一隅，让那份关爱象月光下的水雾，轻轻蔓延，撒一路的 芬芳，待蓦然回首时，却不管是怎样的曾经，认识你的日子，我心快乐过。
轻轻地握着你的手，从此我的世界将不再孤单，相识在秋的斜阳里，守望着命运安排的美丽传奇。不奢望天长地久的永恒，只想说认识你真好！</p>   
                                                                                                                                                            
</div>
<audio id="aud" src="https://pan.111t.net/view.php/5a8f68ec25ed8d7306c468da6a3d8756.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>

东篱闲人 发表于 2023-6-26 21:43

芙蓉朗诵的？真棒！{:5_116:}

醉美水芙蓉 发表于 2023-6-26 21:52

东篱闲人 发表于 2023-6-26 21:43
芙蓉朗诵的？真棒！

是香雪儿老师朗诵的！

红影 发表于 2023-6-26 21:58

水芙蓉美女学得真快，还使用了朗诵。这个真棒{:4_199:}

红影 发表于 2023-6-26 22:01

“醉美水芙蓉编辑”这句最好不要混在文字里，另起一行并靠右排布，会不会更好点{:4_204:}

醉美水芙蓉 发表于 2023-6-26 22:04

红影 发表于 2023-6-26 22:01
“醉美水芙蓉编辑”这句最好不要混在文字里，另起一行并靠右排布，会不会更好点

没有排过，排不好！

红影 发表于 2023-6-26 22:07

醉美水芙蓉 发表于 2023-6-26 22:04
没有排过，排不好！

黑黑的卖花声那个帖子里好像是靠右排的，水芙蓉可以学一下啊{:4_204:}

愤怒的葡萄 发表于 2023-6-27 08:23

文章写得极好，给楼主点赞！~~~~

醉美水芙蓉 发表于 2023-6-27 11:42

愤怒的葡萄 发表于 2023-6-27 08:23
文章写得极好，给楼主点赞！~~~~

谢谢朋友支持！

三月的阳光 发表于 2023-6-27 14:35

欣赏芙蓉新品佳作~~{:4_187:}

醉美水芙蓉 发表于 2023-6-27 17:09

三月的阳光 发表于 2023-6-27 14:35
欣赏芙蓉新品佳作~~

谢谢阳光老师支持！

小文 发表于 2023-6-27 18:05

好棒

醉美水芙蓉 发表于 2023-6-27 18:09

小文 发表于 2023-6-27 18:05
好棒

谢谢小文大才子的支持！

千羽 发表于 2023-6-27 19:52

来欣赏芙蓉的精美制作{:4_187:}

醉美水芙蓉 发表于 2023-6-27 20:05

千羽 发表于 2023-6-27 19:52
来欣赏芙蓉的精美制作

千羽美女晚上好！
页: [1]
查看完整版本: 认识你真好