论坛 › 欢乐水吧 › 梦回红楼

绿叶清舟 发表于 2022-9-2 20:37

梦回红楼

<style>
#papa { left: -250px; width: 1100px; height: 700px; background: gray url('https://pic.imgdb.cn/item/6311f59816f2c2beb11beeaa.jpg') no-repeat center/cover; box-shadow: 3px 3px 20px #000; overflow: hidden; user-select: none; position: relative; }
      #mama { margin: 50px auto 0; width: 415px; height: 415px;left: 240px; top:11px; border: 0px solid #ccc; overflow: hidden; position: relative; }
      .borderLine { position: absolute; animation: flow 4s var(--delay) linear infinite; }
      .bl1 { --xx: 200%; --yy: 0%; --delay: 0s; width: 100%; height: 4px; left: -100%; top: 0; background: linear-gradient(to right, red, tan, gold,olive, tomato); }
      .bl2 { --xx: 0%; --yy: 200%; --delay: 2s; width: 4px; height: 100%; right: 0; top: -100%; background: linear-gradient(to top, red, tan, gold,olive, tomato); }
      .bl3 { --xx: -200%; --yy: 0%; --delay: 4s; width: 100%; height: 4px; right: -100%; bottom: 0; background: linear-gradient(to left, red, tan, gold,olive, tomato); }
      .bl4 { --xx: 0%; --yy: -200%; --delay: 6s; width: 4px; height: 100%; left: 0; bottom: -100%; background: linear-gradient(to bottom, red, tan, gold,olive, tomato); }
      @keyframes flow { to { transform: translate(var(--xx), var(--yy)); } }

</style>

<div id="papa">
      
      <div id="mama">
      <span class="borderLine bl1"></span>
      <span class="borderLine bl2"></span>
      <span class="borderLine bl3"></span>
      <span class="borderLine bl4"></span>
</div>
</div>

<audio style="width:600px; height:64px;"controls="controls" autoplay="autoplay" loop="loop" src="http://music.163.com/song/media/outer/url?id=4873987.mp3" type="audio/mpeg" hidden="true"></audio>

小辣椒 发表于 2022-9-2 20:45

沙发我的

小辣椒 发表于 2022-9-2 20:46

又见清舟这个彩色边框代码，漂亮{:4_178:}

加林森 发表于 2022-9-2 20:47

漂亮的制作，我给加精去。

小辣椒 发表于 2022-9-2 20:48

清舟我收藏了你的这个代码，{:4_189:}

上次看见就喜欢的

元时务 发表于 2022-9-2 20:55

吓一跳，原来是曹公的红楼，还以为是赖昌星的红楼呢。{:4_189:}

绿叶清舟 发表于 2022-9-2 21:04

小辣椒 发表于 2022-9-2 20:46
又见清舟这个彩色边框代码，漂亮

这个是马黑的了

绿叶清舟 发表于 2022-9-2 21:04

元时务 发表于 2022-9-2 20:55
吓一跳，原来是曹公的红楼，还以为是赖昌星的红楼呢。

二个都是回不去的了{:4_189:}

绿叶清舟 发表于 2022-9-2 21:05

加林森 发表于 2022-9-2 20:47
漂亮的制作，我给加精去。

谢谢队长，回来了啊

加林森 发表于 2022-9-2 21:06

绿叶清舟 发表于 2022-9-2 21:05
谢谢队长，回来了啊

{:4_205:}

马黑黑 发表于 2022-9-2 21:07

元时务 发表于 2022-9-2 20:55
吓一跳，原来是曹公的红楼，还以为是赖昌星的红楼呢。

{:4_170:}

马黑黑 发表于 2022-9-2 21:07

绿叶清舟 发表于 2022-9-2 21:04
这个是马黑的了

以前你的边框也是挺漂亮的

绿叶清舟 发表于 2022-9-2 21:16

马黑黑 发表于 2022-9-2 21:07
以前你的边框也是挺漂亮的

但没有这个用起来方便了，一遇到要计算的头就大了

马黑黑 发表于 2022-9-2 21:32

绿叶清舟 发表于 2022-9-2 21:16
但没有这个用起来方便了，一遇到要计算的头就大了

数学不好，就会数钱钱

东篱闲人 发表于 2022-9-2 21:43

{:5_116:}

红影 发表于 2022-9-2 22:16

清舟这个流动边框用的好，好喜欢陈晓旭版的红楼{:4_187:}

青青子衿 发表于 2022-9-3 00:14

这个曲子的词写得棒。。。。。欣赏清舟美制作。。。{:4_204:}

绿叶清舟 发表于 2022-9-3 11:14

马黑黑 发表于 2022-9-2 21:32
数学不好，就会数钱钱

现在数钱的机会都没了

绿叶清舟 发表于 2022-9-3 11:16

青青子衿 发表于 2022-9-3 00:14
这个曲子的词写得棒。。。。。欣赏清舟美制作。。。

青青早上好，又是这么晚啊

绿叶清舟 发表于 2022-9-3 11:17

红影 发表于 2022-9-2 22:16
清舟这个流动边框用的好，好喜欢陈晓旭版的红楼

也是很喜欢86版的那个红楼的

查看完整版本: 梦回红楼