源码小屋

花简静 · 发表于 2024-7-5 23:22

凡哥发表于 2024-7-5 20:05
果酱果酱

苹果味的

花简静 · 发表于 2024-7-5 23:23

凡哥发表于 2024-7-5 20:04
系统不是个问题。但是讲真，win11顶呱呱。

但。。还要升么。。

我都准备用400年了

凡哥 · 发表于 2024-7-6 08:39

花简静发表于 2024-7-5 23:23
但。。还要升么。。我都准备用400年了

不想折腾不升也成

凡哥 · 发表于 2024-7-6 08:40

花简静发表于 2024-7-5 23:22
苹果味的

熟悉的味道

凡哥 · 发表于 2024-7-6 08:50

2024年7月6日星期六

回忆

<style>

#mydiv { margin: 130px 0 30pc calc(50% - 602px); width: 1024px; height: 640px; background: url('https://file.moyublog.com/free_wallpapers_files/3qeq5pru4yx.jpg') no-repeat center/cover; box-shadow: 2px 2px 6px #333; overflow: hidden; display: grid; place-items: center; position: relative; }

#mydiv::before { position: absolute; content: ''; inset: 0; background-image: repeating-linear-gradient(135deg, rgb(0,0,0) 0px, rgb(0,0,0) 10px, transparent 10px, transparent 11px), repeating-linear-gradient(22.5deg, rgb(0,0,0) 0px, rgb(0,0,0) 10px, transparent 10px, transparent 11px), linear-gradient(90deg, hsl(194,74%,56%), hsl(266,74%,56%), hsl(338,74%,56%), hsl(50,74%,56%), hsl(122,74%,56%)); mix-blend-mode: screen; animation: chg 6s infinite cubic-bezier(0.11, 0.47, 0.81, 1.24) alternate var(--state); }

#player { position: absolute; width: 100px; filter: hue-rotate(75deg); transition: width .5s; opacity: .5; cursor: pointer; animation: rot 8s linear infinite var(--state); }

#player:hover { width: 120px; }

@keyframes rot { to { transform: rotate(360deg); } }

@keyframes chg { to { inset: -160px; } }

</style>

</div>

var sF = document.createElement('script');

sF.src = 'https://638183.freep.cn/638183/web/api/fullscreen.js';

sF.charset = 'utf-8';

document.querySelector('body').appendChild(sF);

sF.onload = () => FS({

papa: '#mydiv',

css: 'bottom: 20px; left: 50%; transform: translate(-50%); --color: lightblue; --fsBg: transparent;',

});

var mState = () => {

mydiv.style.setProperty('--state',['running','paused'][+aud.paused]);

player.title = ['暂停','播放'][+aud.paused];

};

aud.oncanplay = aud.onplaying = aud.onpause = () => mState();

player.onclick = () => aud.paused ? aud.play() : aud.pause();

</script>

花简静 · 发表于 2024-7-7 10:13

凡哥发表于 2024-7-6 08:40
熟悉的味道

番茄的也可以

花简静 · 发表于 2024-7-7 10:14

凡哥发表于 2024-7-6 08:39
不想折腾不升也成

这个赶紧同意

花简静 · 发表于 2024-7-7 10:15

凡哥发表于 2024-7-6 08:50
.mum { position: relative; margin: 0; padding: 10px; font: normal 16px/20px Consolas, Monaco, 'Anda ...

渐变整出来的小点点。。
主要是伪元素整出来的动画厉害。。

凡哥 · 发表于 2024-7-10 12:27

2024年7月10日星期三

X檔案

<style>

#mydiv {

--width: 1200px;

margin: 30px 0 30px calc(50% - (var(--width) / 2 + 90px));

width: var(--width);

height: 700px;

background:

linear-gradient(45deg, transparent 48%, rgba(0,128,0,.5) 48%, rgba(0,128,0,.5) 52%, transparent 52%, transparent 0) center/100%,

linear-gradient(-45deg, transparent 48%, rgba(0,128,0,.5) 48%, rgba(0,128,0,.5) 52%, transparent 52%, transparent 0) center/100%,

repeating-radial-gradient(circle, rgba(100,100,0,.2) 0, rgba(255,255,255,.2) 40%, transparent 60%) center/10% 25%,

conic-gradient(from 45deg at center, transparent, red, transparent,blue,transparent,green,transparent,purple), #fff;

border: 1px solid gray;

z-index: 1;

overflow: hidden;

position: relative;

}

#vid {

position: absolute;

bottom: 0; width: 100%;

height: calc(100% + 160px);

object-fit: conver;

mix-blend-mode: screen;

pointer-events: none;

}

#player {

position: absolute;

left: calc(50% - 200px);

top: calc(50% - 200px);

width: 400px;

height: 400px;

cursor: pointer;

animation: rot 8s linear infinite var(--state);

}

@keyframes rot { to {transform: rotate(360deg); } }

</style>

</div>

var sF = document.createElement('script');

sF.src = 'https://638183.freep.cn/638183/web/api/fullscreen.js';

sF.charset = 'utf-8';

document.querySelector('body').appendChild(sF);

sF.onload = () => FS({

papa: '#mydiv',

css: 'bottom: 20px; left: 50%; transform: translate(-50%); --color: lightblue; --fsBg: transparent;',

});

var mState = () => {

mydiv.style.setProperty('--state',['running','paused'][+aud.paused]);

player.title = ['暂停','播放'][+aud.paused];

aud.paused ? vid.pause() : vid.play();

};

aud.oncanplay = aud.onplaying = aud.onpause = () => mState();

player.onclick = () => aud.paused ? aud.play() : aud.pause();

</script>

凡哥 · 发表于 2024-7-12 08:10

2024年7月12日星期五

梦的地方

<style>

#mydiv {

--width: 1280px;

margin: 130px 0 30px calc(50% - (var(--width) / 2 + 90px));

width: var(--width);

height: 700px;

background: radial-gradient(circle, transparent, silver, lightgreen, cyan);

box-shadow: 3px 3px 6px #333;

pointer-events: none;

overflow: hidden;

position: relative;

}

#mydiv::before, #mydiv::after {

position: absolute;

content: '';

}

#mydiv::before {

inset: 0;

background: rgba(0, 100, 100, .15);

}

#mydiv::after {

width: 100px;

height: 100px;

top: 40px;

left: calc(50% - 50px);

background: url('https://638183.freep.cn/638183/t23/btn/meihua_133482968750383750.png') no-repeat center/cover;

filter: drop-shadow(0 0 26px lightblue);

pointer-events: auto;

cursor: pointer;

animation: rot 8s linear infinite var(--state);

}

#vid {

position: absolute;

bottom: 0;

width: 100%;

height: calc(100% + 70px);

object-fit: cover;

mix-blend-mode: color-burn;

opacity: .75;

}

@keyframes rot {

to { transform: rotate(360deg); }

}

</style>

</div>

aud.oncanplay = aud.onplaying = aud.onpause = () => {

aud.paused ? vid.pause() : vid.play();

mydiv.style.setProperty('--state', ['running','paused'][+aud.paused]);

mydiv.title = ['暂停','播放'][+aud.paused];

}

mydiv.onclick = () => aud.paused ? aud.play() : aud.pause();

</script>

[碎语] 源码小屋

2024年7月6日星期六

回忆

评分

2024年7月10日星期三

X檔案

2024年7月12日星期五

梦的地方

一叶知秋

版主勋章

山高为峰

山外有山

樱果相依

24

46

47

48

闲花落

一生安柠

青恬时光

幸福莓满

心想事橙

桃气满满

梅开颜笑

心若葡提

大吉大荔

喜上莓梢

一坛酒

[碎语] 源码小屋

2024年7月6日 星期六

回忆

评分

2024年7月10日 星期三

X檔案

2024年7月12日 星期五

梦的地方

一叶知秋

版主勋章

山高为峰

山外有山

樱果相依

24

46

47

48

闲花落

一生安柠

青恬时光

幸福莓满

心想事橙

桃气满满

梅开颜笑

心若葡提

大吉大荔

喜上莓梢

一坛酒

2024年7月6日星期六

2024年7月10日星期三

2024年7月12日星期五