绿叶清舟 发表于 2022-11-10 20:07

吟唱山水间


<style>
.mama1 { position: relative; left: -250px; width: 1100px; height: 700px; background: #ccc url('https://pic1.imgdb.cn/item/636ce78016f2c2beb15487d5.jpg') no-repeat; box-shadow: 2px 2px 2px #444; overflow: hidden; }

.box{
    width: 200px;
    height: 200px;
    box-sizing: border-box;
    border: 1px solid #cb6341;
    position: fixed;
    left: 50%;
    top: 50%;
    margin-top: -100px;
    margin-left: -100px;
}
.box:after, .box:before{
    content: "";
    width: 110%;
    height: 110%;
    box-sizing: border-box;
    border: 2px solid;
    position: absolute;
    top: -5%;
    left: -5%;
    animation: boxBorder 6s linear infinite;
}
.box:before{
    animation-delay: -3s;
}

/* 布局结束 */
/* 动画开始 */

@keyframes boxBorder {
    0%{
      border-color: #fff;
      clip: rect(0, 220px, 2px ,0);
    }
    25%{
      border-color: yellow;
      clip: rect(0, 2px, 220px ,0);
    }
    50%{
      border-color: blue;
      clip: rect(218px, 220px, 220px ,0);
    }
    75%{
      border-color: green;
      clip: rect(0, 220px, 220px ,218px);
    }
    100%{
      border-color: aqua;
      clip: rect(0, 220px, 2px ,0);
    }
}

</style>

<div class="mama1">
               
<div style="position: relative; LEFT: 280px; width:200px;TOP: 510px" class="box">    <div class="icon icon1"></div>    <div class="icon icon2"></div><iframe style="opacity: 0.3;" frameborder="no" border="0" marginwidth="0" marginheight="0" width=200 height=200 src="https://music.163.com/outchain/player?type=1&id=12711&auto=1&height=200"></iframe></div>      
</div>

马黑黑 发表于 2022-11-10 20:45

资源加载失败

非常开心 发表于 2022-11-10 20:52

欣赏楼主的新作，点赞{:4_189:}多谢分享！

红影 发表于 2022-11-10 21:16

画面清净，音乐好听，清舟真棒。不过这个播放器弄小了后选曲子不方便了呢。{:4_204:}

红影 发表于 2022-11-10 21:16

第二首开始部分好像是大悲咒吧？

小辣椒 发表于 2022-11-10 22:29

我也是--资源加载失败

清修夜雨 发表于 2022-11-10 23:45

新人来听听

梦油 发表于 2022-11-11 09:27

清舟朋友早晨好！分享你的欢乐。

亦是金 发表于 2022-11-11 10:50

我也是资源加载失败，听不了！{:4_203:}

大猫咪 发表于 2022-11-14 21:25

老喜欢这画面了，诗般梦境！ 沉浸在唯美的音画意境里。。。。

清舟好创意！赞！


{:4_204:}{:4_199:}

冬天的雨 发表于 2022-11-14 21:26

清舟这个画面制作淡雅{:4_199:}

冬天的雨 发表于 2022-11-14 21:27

音乐好像我电脑不行吧

千羽 发表于 2022-11-14 21:37

问好清舟，背景图淡雅唯美，音乐好听{:4_187:}

亦是金 发表于 2022-11-14 22:57

现在我能听到音乐了！好听！{:4_208:}
页: [1]
查看完整版本: 吟唱山水间