好看，放我的博客上了

[YL2209]

修改后的版本：https://codepen.io/yl2023/pen/eYXVKbX

我的博客：https://www.naokuo.top

发现问题：iOS端星星是黑色的

[Xiumuzaidiao]

太棒了！

[YL2209]

• 第二版：https://codepen.io/yl2023/pen/eYXVKbX
• 基本上和白天黑夜切换按钮3.0效果差不多 （除了没有云朵动画），已增加简单的云朵动画
• 如果可以的话，可以加入仓库

[YL2209]

太棒了！

解决iOS端Safari浏览器星星为黑色的问题

• 原CSS

.container .star-son {
  width: var(--size);
  height: var(--size);
  background-image: -webkit-radial-gradient(circle var(--size) at var(--pos),transparent var(--size),#fff);
  background-image: -moz-radial-gradient(circle var(--size) at var(--pos),transparent var(--size),#fff);
  background-image: -o-radial-gradient(circle var(--size) at var(--pos),transparent var(--size),#fff);
  background-image: -ms-radial-gradient(circle var(--size) at var(--pos),transparent var(--size),#fff);
  background-image: radial-gradient(circle var(--size) at var(--pos),transparent var(--size),#fff);
}

• 修改后

.container .star-son {
  width: var(--size);
  height: var(--size);
  background-image: -webkit-radial-gradient(circle var(--size) at var(--pos),transparent calc(95% - 1px),#fff 95%);
  background-image: -moz-radial-gradient(circle var(--size) at var(--pos),transparent calc(95% - 1px),#fff 95%);
  background-image: -o-radial-gradient(circle var(--size) at var(--pos),transparent calc(95% - 1px),#fff 95%);
  background-image: -ms-radial-gradient(circle var(--size) at var(--pos),transparent calc(95% - 1px),#fff 95%);
  background-image: radial-gradient(circle var(--size) at var(--pos),transparent calc(95% - 1px),#fff 95%)
}

[Xiumuzaidiao]

十分感谢！

[Phillweston]

修改后的版本：https://codepen.io/yl2023/pen/eYXVKbX

我的博客：https://www.naokuo.top

发现问题：iOS端星星是黑色的

请问一下你这个是用NotionNext做的吗？我自己的博客也是NotionNext，也打算弄个这样的，方便分享一下你加在代码哪里了吗？

[LingPT]

这怎么改大小啊

[Xiumuzaidiao]

这怎么改变大小
加入按钮之后，有一个
<div class="container" style="font-size: 1.00px">
这里的font-size: 1.00px可以改大小