最新

市面上有很多玻璃化效果生成器，但我想进一步推动这一效果的发展！这个项目是我经过数月实验CSS属性层叠和应对浏览器兼容性问题的结果。 跨浏览器兼容性实际上是我依赖::before和::after伪元素来构建效果的原因。如果将颜色/透明度移到主要元素上，你会发现Chrome的角落会出现奇怪的颜色渗透。如果将纹理移开，斜面效果的高光就会变得模糊。如果将斜面移走，背景滤镜又会使其模糊不清，依此类推！ 层次包括： * 可调节的模糊、亮度和饱和度（背景滤镜） * 微妙的半透明纹理 * 假3D斜面（使用盒子阴影，而不是轮廓） 玻璃化效果相对资源消耗较大，因此最好用作点缀，避免在宽大的桌面元素上使用。 应该与最新版本的Chrome、Safari和Firefox（桌面和移动端）兼容。如果你发现了bug或渲染问题，我非常乐意知道！ 附注：这是我正在构建的一个与框架无关的玻璃SCSS/组件库的早期预览。

嗨，HN， 我正在进行一个项目，旨在自动将食谱转换为树状/图形/表格样式的表示法，这种表示法时不时会在HN上出现。虽然现在还处于早期阶段，但我非常希望听到大家对食谱展示改进的建议。 作为参考，我见过的最早的这种表示法的例子来自《Cooking For Engineers》（[链接](https://news.ycombinator.com/item?id=30797907)），但我偶尔也会看到其他类似的表示法。 这是我对这种表示法的理解，以及自动转换食谱的能力。未来，我希望它能成为我个人的厨房/食谱管理系统，但我首先想改善食谱的展示选项。 它使用GPT-4o将食谱格式化为JSON树结构，然后通过CSS网格进行渲染。目前效果还不错，但确实有一些食谱是无法渲染的，当然，GPT-4o有时也会输出一些不太有用的树结构。我一直在使用AppWrite作为后端。 期待听到大家的想法，以及大家希望看到的内容！