blackspike astro 登陆页面

我们构建此页面作为我们自己网站 blackspike.com 的第一个版本，但后来切换到了不同的设计。

我们不愿让它蒙尘，因此决定对其进行现代化改造，尝试一些全新的 CSS 功能，并将其回馈给 Astro 社区。

您可以在我们的博客文章中阅读更多关于我们如何构建它以及我们使用的炫酷新技术。

Astro 5 特性

• Image 组件用于优化 AVIF 图像
• 全JSX原生 astro 组件
• 作为 SVG 组件导入的 SVG
• JSON 驱动的内容（轻松编辑 UI 文本或接入 CMS！）
• 实验性的 Fonts API

CSS 和 HTML 特性

• Tailwind 4
• HTML 模态对话框
• 无需 JS 的滚动链接动画
• 无需 JS 的互斥手风琴效果，使用 details/summary（带动画！）
• 容器查询
• 用于弹跳/回弹效果的线性缓动
• 文本换行美化/平衡

JS 特性

• swiper.js 轮播

Figma 文件

在此处获取!

许可证

主题和 3D 图像根据知识共享署名 4.0 国际公共许可证进行许可。由 blackspike blackspike design 创建——一个专注于 Astro、Vue、Nuxt 和 Wordpress 网站的网页设计与开发团队