东篱闲人 发表于 2023-11-1 10:08

【东篱音画】老地方的雨


<style>
#papa { margin: 10px -400px ; width: 1410px; height: 800px; background:#333 url('https://pic.imgdb.cn/item/6541b1f3c458853aef0188b1.jpg') no-repeat center/cover;   position: relative;place-items: center; z-index: 10000; overflow:hidden;}
#bs{ position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;z-index: 1;
        height: 100%;background:url('https://pic.imgdb.cn/item/6541b1f3c458853aef0188b1.jpg') no-repeat center/cover;
        animation: sb 1s linear infinite;
        opacity: 1;
}
@keyframes sb {
    0%{
      filter:hue-rotate(360deg)
    }
100%{
      filter:hue-rotate(0deg)
    }
}

#mpic { position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;z-index: 1;
        height: 100%;
        animation: fly 150s linear infinite;
        cursor: pointer;mix-blend-mode:lighten;
        opacity: 0;
}

#mpicc { position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;z-index: 1;
        height: 100%;
        animation: tot 10s linear infinite;
        cursor: pointer;mix-blend-mode:lighten;
        opacity: 1;
}

@keyframes fly {0%{
      background-position: 0% 0;
    }
    100%{
      background-position: 0% -200%;filter:hue-rotate(360deg)
    }
}
@keyframes tot { 0%{
      background-position: 0% 0%;
    }
    100%{
      background-position: 0% -600%;filter:hue-rotate(360deg)
    }
}

@keyframes spin {0% { transform: rotate(360deg); }
}

</style>
<div id="papa">
<div id="bs"></div>
<imgid="mpic"style="background: url('https://pic.imgdb.cn/item/653fbaf4c458853aefb716e6.png')0 0/650px 1620px" >
<imgid="mpicc"style="background: url('https://pic.imgdb.cn/item/6540a468c458853aef1c334b.jpg')0 0/600px 1200px" >
<div id="mplayer">❊</div>
<audio src="https://music.163.com/song/media/outer/url?id=1330435555.mp3" id="myAudio" loop autoplay>
</audio>

东篱闲人 发表于 2023-11-1 10:09

差点事，不知道差哪。。。{:5_103:}

红影 发表于 2023-11-1 10:31

底图漂亮，变色效果和动态效果，只是看不到播放器啊{:4_173:}

东篱闲人 发表于 2023-11-1 10:34

红影 发表于 2023-11-1 10:31
底图漂亮，变色效果和动态效果，只是看不到播放器啊

咱不喜欢播放器，删了。。。

红影 发表于 2023-11-1 10:35

东篱闲人 发表于 2023-11-1 10:09
差点事，不知道差哪。。。

应该少了js内容{:4_204:}

东篱闲人 发表于 2023-11-1 11:11

红影 发表于 2023-11-1 10:35
应该少了js内容

不管了，爱咋咋地。。。

红影 发表于 2023-11-1 13:25

东篱闲人 发表于 2023-11-1 10:34
咱不喜欢播放器，删了。。。

也挺有意思，能得到这样的画面效果也不错{:4_187:}

红影 发表于 2023-11-1 13:26

东篱闲人 发表于 2023-11-1 11:11
不管了，爱咋咋地。。。

印签那的闪烁特别好呢{:4_173:}

梦油 发表于 2023-11-1 17:04

五彩斑斓、流光溢彩，太美了。

醉美水芙蓉 发表于 2023-11-1 17:24

红芍药 发表于 2023-11-1 18:44

来看看老地方的雨下没下。{:4_189:}

东篱闲人 发表于 2023-11-4 17:20

红影 发表于 2023-11-1 13:26
印签那的闪烁特别好呢

嗯嗯，不知道咋凑巧了。。。{:5_117:}

东篱闲人 发表于 2023-11-4 17:20

梦油 发表于 2023-11-1 17:04
五彩斑斓、流光溢彩，太美了。

{:4_190:}

东篱闲人 发表于 2023-11-4 17:21

醉美水芙蓉 发表于 2023-11-1 17:24
有点像下雪！

雨雪交加的。。。{:5_117:}

东篱闲人 发表于 2023-11-4 17:21

红芍药 发表于 2023-11-1 18:44
来看看老地方的雨下没下。

跑这来啦？{:5_117:}
页: [1]
查看完整版本: 【东篱音画】老地方的雨