最新

市面上有很多玻璃拟态生成器，但我希望将这种效果推向极致！这个项目是我花费数月时间，通过 CSS 属性分层和与浏览器怪癖斗争的结果。<p>跨浏览器兼容性实际上是我依赖 ::before 和 ::after 伪元素来构建效果的原因。如果将颜色/透明度移到主元素上，在 Chrome 中，边角会出现奇怪的颜色溢出。如果移动纹理，它会模糊斜角的镜面高光。如果移动斜角，它会被 backdrop-filter 模糊掉。诸如此类！<p>分层包括： * 可调节的模糊、亮度和饱和度 (backdrop-filter) * 细微的半透明纹理 * 伪 3D 斜角（使用 box-shadow，而不是轮廓）<p>玻璃拟态对资源消耗较大，因此最好将其用作点缀，并避免在宽大的桌面元素上使用。 应该与 Chrome、Safari 和 Firefox（桌面和移动端）的最新版本兼容。如果您发现错误或渲染故障，我很乐意知道！<p>附注：这是我正在构建的与框架无关的玻璃 SCSS/组件库的早期预览。

Glimora 是一款 AI 漫画生成器，它一次生成一个场景，每个场景都包含音频旁白和一个漫画分格。你可以选择故事接下来会发生什么。

Hi HN， 我一直在开发一个项目，它可以自动将食谱转换成时不时会在 HN 上出现的树状/图状/表格式表示法。虽然还处于早期阶段，但我很想听听大家对食谱呈现方式的改进建议。 作为参考，我见过的最早使用这种表示法的例子来自“为工程师烹饪”（<a href="https:&#x2F;&#x2F;news.ycombinator.com&#x2F;item?id=30797907">https:&#x2F;&#x2F;news.ycombinator.com&#x2F;item?id=30797907</a>），但我时不时也会看到其他类似的表示法。 这是我对这种表示法的尝试，以及自动转换食谱的功能。未来，我希望它能成为我自己的个人厨房/食谱管理系统，但首先我想改进食谱的显示选项。 它使用 GPT-4o 将食谱格式化为 JSON 树状结构，然后用 CSS grid 进行渲染。目前为止，它运行得还不错，但肯定有一些食谱是无法渲染的，当然，GPT-4o 偶尔也会生成一些不太有用的树状结构。我一直在使用 AppWrite 作为后端。 很想听听大家的想法，以及大家希望看到什么功能！