马黑黑 发表于 2023-3-19 21:43
关键帧动画驱动背景，就这么简单：
#papa::before {
position: absolute;
饿，这张图图的自身要求还挺高呢，它被分成28份，逐个显示，就形成了电影胶片一样的效果。
红影 发表于 2023-3-19 23:00
饿，这张图图的自身要求还挺高呢，它被分成28份，逐个显示，就形成了电影胶片一样的效果。
对的
千羽 发表于 2023-3-19 22:16
左上角的小动图很亮眼，美美哒
谢谢
千羽 发表于 2023-3-19 22:15
这图通透，漂亮
感谢支持
小辣椒 发表于 2023-3-19 21:46
这个图还真换不了。这种图我第一次看见的
换图之后，要根据图片尺寸更改CSS相关数据
要想找个合适的长条图还挺难，翻了一会，也没翻到什么合适的。
红影 发表于 2023-3-19 23:22
要想找个合适的长条图还挺难，翻了一会，也没翻到什么合适的。
最好自己制作
马黑黑 发表于 2023-3-19 21:01
这个时节不冷
太冷漠了，{:4_189:}
樵歌 发表于 2023-3-20 09:51
太冷漠了，
没关系的，冷艳也是一种美
图美歌靓 好创意， 嘿嘿真棒！
{:4_204:}{:4_199:}
马黑黑 发表于 2023-3-19 23:42
最好自己制作
好像只能这样。
马黑黑 发表于 2023-3-19 23:42
最好自己制作
<style>
#mybox {
--state: running;
margin: 50px auto;
width: 202px;
height: 275px;
background: url('https://pic.imgdb.cn/item/64181e47a682492fccddf93c.png');
background-position: 0 0;
animation: hello .8s steps(6,jump-none) infinite var(--state);
cursor: pointer;
}
@keyframes hello { to { background-position: 100% 0; } }
</style>
<div id="mybox"></div>
<script>
let stop = true;
mybox.onclick = () => {
mybox.style.setProperty('--state', stop ? 'paused' : 'running');
stop = !stop;
};
</script>
马黑黑 发表于 2023-3-20 12:36
没关系的，冷艳也是一种美
俺喜有温度的{:4_173:}
马黑黑 发表于 2023-3-19 17:25
你去看新站的代码。等下我帮你上传小波插件到相同的目录。
{:4_190:}
马黑黑 发表于 2023-3-19 23:20
换图之后，要根据图片尺寸更改CSS相关数据
黑黑我套了一个，只是加了全屏设置，出来好像全屏不能在指定位置了
小辣椒 发表于 2023-3-20 19:19
黑黑我套了一个，只是加了全屏设置，出来好像全屏不能在指定位置了
全屏下要控制子元素的位置，用CSS做
雨中悄然 发表于 2023-3-20 19:00
谢茶
樵歌 发表于 2023-3-20 18:51
俺喜有温度的
谁都喜欢有温度的
红影 发表于 2023-3-20 18:51
#mybox {
--state: running;
margin: 50px auto;
酷
马黑黑 发表于 2023-3-20 20:00
全屏下要控制子元素的位置，用CSS做
这个好像不行，位置总差那么一丢丢